After upgrading to latest version of Specular the main header logo on our website has changed – it is smaller and the margins above and below it have increased. You can see how it looks here:
Either remove it, in order for the logo to take the height set up in General Options. Or change the value to your wish.
-To show it properly in mobile, I added this line: #logo{ left:-111px !important; }, inside a @media(max-width: 480px) rule.
It’s ok now. See screenshot from a Samsung S6 Edge mobile: https://ibb.co/CnhLFgj
Thanks for that. The CSS code you advised me to remove was your own code from last year that now isn’t need after the latest Specular update. The logo now looks great on desktop computers.
In mobile unfortunately, it’s not quite there yet. On my Galaxy S7 Edge the logo is missing completely in portrait mode. This is the same on my wife’s Moto E4 mobile phone in portrait mode.
On both phones in landscape mode the logo is present. Not checked it yet on an Apple phone.
Also, just noticed that the first tick bullet point has moved when viewed in mobile view. There are 5 bullet point tick marks and only first one is affected.
Looks great on my phone in portrait view but I can’t see the logo now in landscape view – it’s moved over too far to the left so it’s almost off screen.
Yes, i edited the left-margin of logo in media 979px, from -40% to 50%. I checked it shows in all screen sizes now. Please crear cache and check again.
