[Resolved] Primary Navigation paddings

Home Forums Support [Resolved] Primary Navigation paddings

Home Forums Support Primary Navigation paddings

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1673686
    Rostyslav

    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!

    #1673929
    David
    Staff
    Customer Support

    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.

    #1673940
    Rostyslav

    I want to get padding in tablet and mobile view not just in the content but also in the header.

    #1673995
    Rostyslav
    #1674115
    Ying
    Staff
    Customer Support

    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;
        }
    }
    #1674124
    Rostyslav

    Thank you so much!

    #1674146
    Rostyslav

    If I use that code happens this: https://ibb.co/NFvVVNN

    Paddings appears also in side-menu.

    #1674196
    Ying
    Staff
    Customer Support
    #1674213
    Rostyslav

    Thank you Ying!

    #1674236
    Ying
    Staff
    Customer Support

    You are welcome ๐Ÿ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.