-
-
Hi. My logo seem to be a good size on desktop version however a bit small on mobile version. is it possible to change the size?
Also widgetezed area on mobile site is not showing, is it possible to make it visible or just a section of it? like right top or left top only
Thanks
-
Hello,
To make logo bigger, please add this code into your custom css box:
@media (max-width: 480px){ #logo img { max-height: 95px !important; margin-top: -53px !important; }}Result screenshot.
Edit the values to your wish.By default the top navigation is not displayed in mobile. To show it, add this code:
@media (max-width: 767px){ .top_nav { display: block;} .top_nav .pull-left { display: none;} }Best regards!
-
Hello, thanks for your quick response as usual guys. Logo worked very well. the navigation seems to be a bit too low, you can check it yourselves, it almost overlapping the logo. is there any way to pop that line higher?
thanks
-
Hello,
It is better to edit the value of
margin-top: -53px !important;(decrease it) until you are satisfied with the result. So you won’t add more custom code.Best regards!
-
what I meant is the line that I have in widgetezed area is now coming up however it is loo low from top and is overlapping the logo. It seems to be too much space above. is it possible to reduce that at all? playing with margin-top is only moving the logo and not the widgetized area
thanks
-
Hello,
I see you have removed the top widgetized area from mobile (i don’t see it anymore). You can change the layout with css. Just find the css class of the element to change and add attributes to it.
I must remind you that these are personal preferences styling and it is not included in support service. I can suggest you this site to learn more about css and structure theme to your wish. Or hire a developer.Best regards!
-
You must be logged in to reply to this topic.