Logo problem in mobile

Sgouver13 · April 2016

Hello,

I am facing a problem with the mobile version of the site,

when I am viewing from my mobile, the logo is placed incorrectly in the header leaving a big amount of space around it.

I don't know how to fix it, can you help me ?

My site is http://pnp.gr/

Best Regards

Stefanos

Albert · April 2016

Hi,

as we can see, your header looks fine. Your mobile logo is very small (62x30px) and that's why there is so much empty space around it on mobile devices.

Sgouver13 · April 2016

Thank you for your reply.

Sgouver13 · April 2016

Update.

I changed the logo's size but the blank space around is still there...

Albert · April 2016

It's margin that comes with logo. You can remove those few px with the following css:

@media only screen and (max-width: 767px) {
    #Top_bar .logo #logo { margin: 0 42px !important; }
}

There is nothing else what can be removed in header on mobile.

Sgouver13 · April 2016

thank you for the support.

Albert · April 2016

You are welcome

Logo problem in mobile

Comments