Expired
Hello,
on mobile phone browsing (iPhone/Android smartphones), the logo of my website shows up very small and cornered in the top/right position:
https://monosnap.com/file/8SJ4EuaRnb6VNFeCtv0CyyKzHBPYz0
How can I increase the logo size when mobile or tablet are browsing, and also place it in a more central spot?
Thanks.
You can adjust the size of logo and the margins with some CSS code. Please add this lines on your Custom CSS box (see screenshot) :
/* tablet */ @media (max-width: 979px) and (min-width: 768px) { #logo img { height: 170px; } } /* phone */ @media (max-width: 480px) { #logo img { height: 150px; margin-top: -22px !important; max-height: 150px !important; left: -26px !important; } }
You can always customize the height of logo as you wish on height. Let us know.
Best regards!
thanks, it seems is working! :-)
Question: do these CSS changes could create problems in the website layout when I’ll update the theme to the new versions?
No, there’s no problem with the theme update. Your changes won’t be lost.
You must be logged in to reply to this topic.
