Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #926585

    Hi, I have skimmed the forum but i can’t find a solution to this problem.

    I have a problem with the top margin.
    The top margin increases (seems like it doubles) at a certain point when i decrease the width of the browser window.

    Also the logo changes position.
    At first when the top margin increases the logo stays where it is, but then if i decrease the width even further the logo drops down a bit.

    What i would like is just to have the same top margin no matter the width of the browser window.
    I guess it is a problem with the code for mobile viewing, but i don’t know how to fix it.

    Looking forward to hearing from you.

    #927090

    Hey Toni Martin,

    Please try the following in Quick CSS under Enfold->General Styling:

    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 50px !important;
        line-height: 50px !important;
    }
    
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 50px !important;
    }
    }

    Best regards,
    Rikard

    #927266

    Thanks for helping, unfortunately it only works to some degree.
    Now the top padding stays at 50px until the width drops below 768px i guess. I would like it to just stay at 50px no matter the width.
    Also after i put in the code, the menu icon and separator drops down below the logo and social icon when the width is decreased. And when the width goes below 768px all the menu items drop down. I would also like if the items could just stay put no matter the width.

    You are welcome to take a look behind the scenes if you would like. I’ve included my login and temporary password below.

    Again, thanks for helping

    #929688

    Hi SoundComposer,

    Have you tried using the slim option in the header sizes?
    Image 2018-03-20 at 16.53.37.png

    It might work better for you and will not require customizations. To try it, please remove your header-related modifications and try setting the header to slim.

    Best regards,
    Victoria

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.