Archived topic
Logo shrinking in desktop and tablet
5 replies · Started by Sunil on July 16, 2021
Hello,
So, the site logo shrinks a bit in desktop and tablet header. I set the logo width and it seems to b proper. But again after publishing it appears to b shrinked.The mobile logo looks perfectly fine,I uploaded that in the mobile header section in customizer. I guess I am doin some rookie mistake here, but cant figure out. I have added the link in private reply. Also along with that I have a off-canvas panel in which I added the social icons through hook, but they dont appear inline in the off-canvas panel. I styled them properly in the element. But they appear a bit weird in the panel.
Hi there,
i am not seeing the issue with the Logo - do you have a screenshot of it in the Customizer?
For the social icons, edit the Block Element, select the Container Block and remove the 40px padding as that is restricting the content width inside the off canvas panel.
Hello,
Social icons issue solved, thanks a lot!! Regarding logo shrinking, I have added 4 screenshot links in the private reply. I will explain the steps i did here.
1st screenshot: The desktop logo bit shrinked.
2nd screenshot: Opened the customizer, without setting any logo width, there is difference between the uploaded logo in the customizer panel and the one which i viible in navigation.
3rd screenshot: I added the logo width 190px which makes it perfect size and published.
4th screenshot: Closed the customizer screen, and the logo is back to that shrinked mode.
I guess I am doing some silly mistake somewhere, bit confused. In the mobile view it is perfect, i added that logo to the mobile header section in customizer, same logo. Even in footer it looks perfect. Basically ipad pro and above modes are getting this issue, like desktop and all. Normal tablet view it looks fine. Below normal tablet view for all device its fine.
Looks like you've added this CSS somewhere which is overwriting the customizer option?
https://www.screencast.com/t/FXNhdpfh
It's here with the other CSS:
https://www.screencast.com/t/KjtusWF8MIh
Yes, there was this code in additional css, removed it, now its perfect!! Thanks a lot :)
No problem :)
