Header Logo Issue Problems

Hello,
Just noticed on my page that the logo I have in the header is resizing to 100px on all screens. I have inspected the code and it seems that its picking up brand img size from .index. I have checked the media queries in the code and they are correct for the logo size.

For the life of me I cannot find where its picking up this 100px size for the logo.

Also, I cannot find where my topbar is getting transparency from. I need it to be filled with a slightly transparent black

Here is the website.

Hi Bletek,

Thanks for reaching out.

It seems it’s coming from your image logo setting. Please go to Theme Options > Header > LOGO – IMAGE and change the logo width.

Else, please provide your admin login credentials.

Thanks!

Rad,
Thanks for the quick follow up. I see that it was set to 200px in the header section and Ive set it back to 350px and saved but its still small an out of line in Chrome. I have cleared the cache too.

R

Also, it looks right under theme options—header. If you go to theme–options—header the page looks correct. Also on topbar there is text next to the social icons in header section. However, if you view the website in the browser, that social text is gone and the logo is smaller on my screen.

Also, I can seem to find where the topbar is set to transparent.

R

Hi @robclarkjr,

I checked and I can’t find what’s causing this and it’s also happening on my installation.

It could be related to retina setting which should be there, example, you set the width to 300px and it will be displayed 150px (double). And retina display requires double the size of the current image. Hence, if you wish to see 300px logo, please set it to 600px in theme options. I’m not sure if this is a bug or intended, but I’ll continue checking.

Thanks!

Rad,
Thanks again. I went and changed per your reply and didnt work. I did look through my custom css additions (i have been with x theme for a while) and it looks like I have a bunch of media query settings under the css under theme options. I have been working with these to no avail. When I make changes in the inspection window of the browser I the logo moves and resizes, but I still cannot see where it is picking up the orgiinal css settings on page load to shrink the logo.

Was working about 1 month ago and I updated the theme, php too (much faster performance on my server). Does the latest x theme support latests wordpress version? thats the only thing I have not upgraded in fear of breaking the site.
Should I upgrade to 4.9.8 on wordpress (I think that is latest)

R

Hi Bletek,

Please double that value, (because of retina display) it was intended to divide the value by 2, so 350px / 2 you get 175px.

Your Topbar is already filled with a semi-transparent black background.



Please check your entire custom CSS here and address all found errors. Those syntax errors can mess up the other CSS blocks.

Yes, it always does. We advise our users to always update the Wordpress to the latest versions. You’ll get in trouble not only with themes but plugins too if you keep your Wordpress outdated.

Updating WordPress

If you feel uneasy updating, please keep a back up of your entire site. Or clone your site to a staging server and do your updating there first, so you can tackle issues that may occur while keeping your live site untouched.

Remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Let us know how it goes,
Cheers!

Friech,
Thanks so much for the update! Just a quick note, I did double it to 700 and it was gargantuan in the browser. I will test again and see what I get.

I just overlooked that code on top-bar…thanks.

I will also update to latest wordpress.

R

Hi Bletek,

Yes, that would be 350px in width adjust it where you see it fits. Please consider the height of your logo as well, because it is proportional to the width.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.