Archived topic
Primary Navigation paddings
9 replies · Started by Rostyslav on February 26, 2021
Hello, I am using Content Padding of the container and also Navigation as Header. I would like to add paddings to the header in mobile and tablet view like this: https://ibb.co/3sk88HZ but keeping the Content Padding. Align navigation elements to content and keeping the container paddings.
Thank you!
Hi there,
any reason for adding a Container Block to your content ? As this adds additional padding to the content. Without it your tablet and mobile header will have the same alignment.
I want to get padding in tablet and mobile view not just in the content but also in the header.
From this: https://ibb.co/FsGCVR7 get this: https://ibb.co/ggggsBW
Hi Rostyslav,
You have 30px padding around the content (green part of the screenshot).
https://www.screencast.com/t/iiKxiYvEx
The number in the CSS I provide below is based on the current settings, just so you know if you change the padding of content in the future, you'll need to adjust the numbers in this CSS as well:
@media (max-width: 900px) {
.inside-navigation.grid-container.grid-parent .site-logo {
margin-left: 20px;
}
.inside-navigation.grid-container.grid-parent .menu-toggle {
margin-right: 10px;
}
}Thank you so much!
If I use that code happens this: https://ibb.co/NFvVVNN
Paddings appears also in side-menu.
Thank you Ying!
You are welcome :)
