Logo comes too low on mobile browsers

PureVision's picture
PureVision
Tue, 01/19/2016 - 18:03
#1
Logo comes too low on mobile browsers

The logo on my website is 350px wide and 67px high.

When i open the site on a phone, the logo drops below menu, and is blocking a correct view of the rest.

What can be done about this?

Image title

khoa's picture
khoa
Wed, 01/20/2016 - 07:56

Hello,

Please open lovely.css file and add this code to the bottom:

@media (max-width: 350px) {

#logo img {

        max-width: 180px;

}

}

Then save file and clear cache.

You can also change the value of max-width to the value that you like.
Thank you!

PureVision's picture
PureVision
Wed, 01/20/2016 - 09:26

Hi Khoa, thanks for helping.

I tried your solution, but it's not working, unfortunately.

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.