Archived topic
A margin that eludes me
1 reply · Started by Lars on November 30, 2022
Hi
I am trying to find this margin that just isn't making any sense to me. In the change between 768px - 769px of the width of the mobile menu/header some of my pages gets a squeezed header that doesn't look good. Since it only happens on some pages I thought it wasn't going to be a problem to find a solution to why it happens, but I can' figure it out! I'll publish the website temporarily for showing my problem. Two images for explanation.
One of the pages affected: https://bywildera.com/events/cooking-for-women/
Front page is not affected... as goes also with other pages.
There're margins/paddings that interfere with each other, to make it right, can you do:
1. set the content container to full width to remove all the paddings GP adds first.
https://docs.generatepress.com/article/layout-metabox-overview/#where-is-it
https://docs.generatepress.com/article/content-container/
2. Disable the align-wide option for the container(golden-border) which has a background image.
3. Remove the margin top from the container (golden-border).
