Archived topic
secondary menu left padding
7 replies · Started by Torsten on October 27, 2020
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
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
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
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;
}
}not doing it, should I give you admin access?
best,
Torsten
Can you try adding the CSS to the top of your CSS
did it, no change, problem remains when browser window width reaches the the edges.
Have to leave office now, might be online later again.
The CSS is working now - you may want to increase this: max-width: 1100px to a higher value so the padding kicks in sooner.
