[Resolved] secondary menu left padding

[Torsten]

Hi,
I have a problem with the logo and secondary menu (below header) which doesn’t align properly with the first text block below the menu. All other blocks will be set according to this first one later.

text block row settings: all margins and paddings 0px
text block widget settings: margins 0px, desktop paddings 20px, mobile paddings 15px

Thanks for helping,
Torsten

[Leo]

Hi there,

The issue is actually not the secondary menu as you see that GP’s container aligned nicely here:
https://www.screencast.com/t/Zwj82Zlj

Maybe the padding here is the issue?
https://www.screencast.com/t/C74eHRwT

[Torsten]

Hi Leo,
thanks for your reply.
Your 2nd screenshot shows the mentioned 20px padding for the text block on desktop.
If you reduce the browser window you’ll see that logo and secondary menu have (at some point) no padding at all, which looks really bad.
best and thanks ahead,
Torsten

[David]

Hi there,

try adding this CSS:

@media(max-width: 1100px) and (min-width: 769px) {
    #site-navigation .inside-navigation  {
        padding-left: 10px !important;
    }
    #secondary-navigation .inside-navigation {
        padding-left: 20px !important;
    }
}

[Torsten]

not doing it, should I give you admin access?
best,
Torsten

[David]

Can you try adding the CSS to the top of your CSS

[Torsten]

did it, no change, problem remains when browser window width reaches the the edges.
Have to leave office now, might be online later again.

[David]

The CSS is working now – you may want to increase this: max-width: 1100px to a higher value so the padding kicks in sooner.

[Author]

Posts