Logo Position on mobile/responsive View

[cyclenoid]

Hi!

My Logo is not very well centered on mobile devices (see attachment).

How can I modify the position to reduce the space on left and top side of the logo.

Kind regards
Mario

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you add the code below to your custom css option.

@media only screen and (max-width: 979px){
#header-section #header {
    padding: 5px 0 0;
}
}

@media only screen and (max-width: 479px){
#logo a:first-child {
    max-width: 60%;
    margin-left: -30px;
    margin-top: -5px;
}
}

Hope it helps.

-Rui

[cyclenoid]

Hi Rui,

i try the css but no effect…

Do you have another idea?

Mario

[David Martin – Support]

This should help you:

@media only screen and (max-width: 979px){
#header-section #header {
    padding: 0 0 5px 0!important;
}
}

@media only screen and (max-width: 479px){
#logo a:first-child {
    max-width: 60%;
    margin-left: -30px;
    margin-top: -5px;
}
}

What device are you testing that on?

[cyclenoid]

Hi David,

everything is fine now. I don’t now exactly why, but in the meantime I replaced the Logofile.

Thank YoU!
Mario

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s sorted.
Thanks David

-Rui