Logo appearance on mobile and tablets

Hi team!

First thank you for this stunning theme!

I have some problems of display with the logo on tablets and mobile, and another one with the left main menu on 1024 × 768 screens.

You can see it there : http://johnpolacek.github.io/Responsivator/?site=vog-boutique.com%2F

Is there a recommanded size for the logo or a special upload for it ?
I would like to have little paddings around it like in the desktop version.

thanks!!

Hi there,

Thank you for your question.

To make your logo looks better on mobile devices try to set max width option in Theme Settings -> Header -> Logo to 159 pixels. And also add the following code to the Custom CSS field for mobile and tablets.

.main-header .site-logo img {
    padding-top: 7px;
    padding-bottom: 7px;
    max-width: 100px;
}

Thank you !

This is almost perfect ! 😉

Logo is ok, but the menu on 1024 × 768 Large Tablet (landscape), is still a bit on 2 lines.

Is it possible to get the mobile menu on this screen resolution ?

We suggest you to update the theme to the latest version 1.4.1 where this issue is already fixed.

perfect thanks ! ticket closed

[Author]

Posts