Distorted logo

labclinicasa · June 2022

I'm noticing that our Logo is getting distorted at the top and on the top bar fixed on scrolling, it is behaving differently in each browser, how can I fix it? I noticed that only Chrome it gets right and in others does not.

Phil · June 2022

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

labclinicasa · June 2022

Hello

https://labclinicas.com.br/

Phil · June 2022

Please, go to Betheme -> Theme options -> Global -> Logo, and check the option Remove max-height & padding for Sticky Logo. After that, check if the display is correct.

You can also try the Auto width for Sticky Logo.

Thanks

labclinicasa · June 2022

Hi good morning

Went up to the options you talked about there in logos and the 2 options were already cleared, I'm sending some screens for you to see how it is here

Phil · June 2022

I did not mean to clear these options, but to select them.

Please, select this checkbox, and check the logo size then.

Thanks

labclinicasa · June 2022

logostiker.png

Good morning. I did the action of marking as you said, but it didn't work. No opera is normal, but in Chrome, Firefox does not. Thank you

Phil · June 2022

So please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

@media only screen and (min-width: 768px){
   #Header #Top_bar #logo{
   height: 100%!important;
}
#Top_bar #logo .logo-sticky{
   max-height: 100%!important;
}
}

Thanks

labclinicasa · June 2022

ficou assim.png

I did as indicated, the logo was correct, but it does not follow the scrolling and fixed fixed breaking the layout of the drop-down menu bar, see:

labclinicasa · June 2022

logoesticado.png

I did another test here deleted the css that passed, I used a plugin that clears the cache of wordpress and i activated the 2 options in advanced, it worked, but I noticed that the logo distorts only in chrome, has to fix?

Phil · July 2022

I have checked your website with chrome, and it looks like this:

Please, clear your chrome cache because it probably holds the previous display.

Thanks

Distorted logo

Comments