-
-
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.
-
Hello,
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.