Logo not appearing in Wordpress using SALON theme

wordpress logo image not showing
wordpress logo not showing on mobile
oceanwp logo not showing
wordpress logo png not showing
divi logo not showing
enfold logo not showing up
header/site header content wordpress
wordpress logos

For some reason the logo image I have uploaded into the WP theme is not pulling through to the front-end.

I have asked the theme developers multiple times and I haven't had a reply in 2 months and my client is highly frustrated as am I!!!!

You can see the CSS and HTML Below

logo {
    z-index: 3;
    position: fixed;
    top: 40px;
    left: 40px;
}

#logo {
    font-family: "raleway";
    color: #4d4b4b;
}

#logo-default {
    position: absolute;
    transition: all 0.5s ease 
}
<div class="logo">
    <img href="http://cardiffcosmeticacupuncture.com" id="logo">
      <img id="logo-default" src=http://cardiffcosmeticacupuncture.com/wp-content/uploads/CCA_LogoMain.png" data-src=http://cardiffcosmeticacupuncture.com/wp-content/uploads/CCA_LogoMain.png" alt="logo" />
    </img>
</div>

Use HTML like this. You cannot have nested images.

.logo {
  z-index: 3;
  position: fixed;
  top: 40px;
  left: 40px;
}

#logo {
  font-family: "raleway";
  color: #4d4b4b;
}

#logo-default {
  position: absolute;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease
  -moz-transition: all 0.5s ease
  -ms-transition: all 0.5s ease
}
<div class="logo">
  <img id="logo-default" src=http://cardiffcosmeticacupuncture.com/wp-content/uploads/CCA_LogoMain.png " data-src=http://cardiffcosmeticacupuncture.com/wp-content/uploads/CCA_LogoMain.png" alt="logo/>
</div>

Logo not showing, But the logo doesn't show on the page. The page I need help with: [log in to see the link]. Viewing 3 replies - 1 through 3  In Chrome Logo of [ redundant link removed ] is not showing in the homepage of website using 2017 theme. Logo is there in all web pages but not in Home page in Chrome, why is it so? Logo can be seen in all web pages including home page in IE. Here all pages works fine. Please help. Thank you. Sincerely, Jyothi

logo { should be .logo {

Your image tag need to be closed properly: <img src="..." />

Is the website running under SSL? Maybe you should change the http to https

Topic Tag: logo not showing, [OceanWP] Logo not showing on chorme. Started by: alessiobrii. 2; 5; 8 months, 2 weeks ago · Amit Singh · [Oblique] LOGO DISAPPEARS WITH THEME  If you’re using the Chrome browser, right-click on your logo and select inspect element. If you’re not familiar with this, you’re looking at lines of CSS code which make up your theme’s style.css file. In the image above, you can see that in our theme Symphony, the logo image is located in the class, .logo-box.

Please Replace your theme code with my updated code,

<div class="logo">
    <a href="http://cardiffcosmeticacupuncture.com" id="logo">
      <img id="logo-default" src="http://cardiffcosmeticacupuncture.com/wp-content/uploads/CCA_LogoMain.png" data-src="http://cardiffcosmeticacupuncture.com/wp-content/uploads/CCA_LogoMain.png" alt="logo />
    </a>
 </div>

Salon WordPress Theme Documentation, Another way to install your Salon WordPress theme is using the FTP for it. You will not receive the ThemeMaster.zip with all content together on The required plugins installer will appear as a top WordPress site Align the menu and logo, in addition with a full control of the site header section. A custom logo can be displayed in the theme using the_ custom_logo() function. But it’s recommended to wrap the code in a function_exists() call to maintain backward compatibility with the older versions of WordPress, like this: if (function_exists('the_custom_logo')) { the_custom_logo(); }

SALON, Buy SALON - WordPress Theme for Hair & Beauty Salons by freevision on ThemeForest. Inverting logo feature based on dark/white background –– Sticky Info Bar that stick and remain visible on scrolling Use our demo layouts or create your own visually different experience Gutenberg Optimized, No. William, as you are not using a header image, uncheck Keep header image aspect ratio in the theme options (under Header Settings). If you like our creations, help us share by rating them on WordPress.org .

Ayesha, Ayesha is a Responsive, High-performance WordPress theme Specially Designed for Hair Salons, Beauty Salons, Beauty Artists and Nail Salons with a No Coding Knowledge Required; Easy To Use Page Builder With Drag And Build in Theme Admin Panel; Easy to use Admin Options; Logo and  WordPress Site Logo Theme Support. Both the Twenty Fifteen & Twenty Sixteen themes have been updated to include support for site logos. Check with your theme developer to see if they will add support, or install any updates to your theme.

35+ Best Spa, Beauty & Hair Salon WordPress Themes 2020, Therefore, no matter what type of website you want to create, Oaza could be a theme Pur is a well-rounded spa and salon WordPress theme with a great design your own logos and branding, adding customer testimonials, and displaying  Adding A Custom Image Logo. Simply use the “Image Logo” field to upload or drag and drop your custom image logo. This logo can be in any format (png or jpg is best) and any size. Logo Height. Unlike other themes in Total your logo doesn’t have a size restriction allowing you to upload any logo image you want and display it in full.

Comments
  • learn about img in html:w3schools.com/tags/tag_img.asp
  • and use .logo in css if you want to style the class or #logo in css if you want to style the id
  • what is logo in css do you mean .logo ??
  • Good catch! Code is adjusted.
  • and there is not id="logo" so in css not # and please add explain to other users to understand your answer :)
  • @DharmeshVekariya Please do not change authors' code. If you think it can be improved, leave a comment instead.