Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 14, 2018 at 1:13 pm #926585
    SoundComposer

    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.

    March 15, 2018 at 7:10 am #927090
    Rikard

    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

    March 15, 2018 at 1:05 pm #927266
    SoundComposer

    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

    March 20, 2018 at 10:55 am #929688
    Victoria

    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

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