Site logo

[Support request] Control padding in Header mobile resolution

Home Forums Support [Support request] Control padding in Header mobile resolution

Home Forums Support Control padding in Header mobile resolution

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2410958
    Niklas

    Hello!

    Thanks for an amazing theme!

    I have problem to control the padding in the header in mobile resolution. Nothing happens when I adjust padding (mobile screen mode on) in Customize. See screenshot.
    https://edelstromdesign.se/

    Best regards Niklas

    #2411108
    David
    Staff
    Customer Support

    Hi there,

    thanks for the kind words!!

    in Customizer > Layout > Header, you have the Mobile Header enabled. This is kinda a one shot option for when you require a different logo to the desktop and it doesn’t respect the default header padding.

    Try disabling the Mobile header. Then you can control padding.

    #2411154
    Niklas

    It was as simple as that.
    Thanks for quick response!!!

    best regards Niklas

    #2411161
    Niklas

    And now it is just the sticky header padding left on mobile that is uncontrollable.

    I tried with this code, but i does not work:

    @mediascreen and (max-width: 768px) {
    #sticky-navigation {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 14px;
    }
    }

    I would really the sticky manu to be aligned with the rest to the left.
    Is it possible?

    Best regards Niklas

    #2411250
    David
    Staff
    Customer Support

    Try this:

    
    @media(max-width: 768px) {
        .sticky-enabled .main-navigation.is_stuck {
            padding: 0 10px;
        }
    }
    #2411254
    Niklas

    Brilliant!!
    Seriously!!

    Thanks!

    best regards
    Niklas

    #2411263
    David
    Staff
    Customer Support

    Glad to be of help!

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