Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 22, 2021 at 6:32 pm #1301763
    nrdhs

    Hello!

    I am using the latest version of Enfold and have set the menu to “Icon”, so the Burger menu is also displayed on the desktop. I have also set a header transparency. For resolutions above 990px it looks as it should, for resolutions below 768px it switches correctly to mobile view. However, from 768px to 989px the logo slips and the burger icon changes color.

    I have already read about different viewports in other posts looking for a solution:

    large screens > 990 pixels
    medium screens >= 768 and <= 989 pixels
    small screens >= 480 and <= 767 pixels
    very small screens < 479 pixels

    I.e. my problems arise in the medium screen area. Is it possible to switch off a specific behavior for this area or is it possible to change the areas, e.g. to the following setting? I don’t need the medium screen setting for the menu.

    large screens > 768 pixels
    small screens >= 480 and <= 767 pixels
    very small screens < 479 pixels




    best regards
    nrdhs

    • This topic was modified 3 years, 9 months ago by nrdhs.
    May 24, 2021 at 7:41 am #1301922
    Rikard

    Hey nrdhs,

    Thanks for the screenshots. Could you post a link to your actual site as well, so that we can have a closer look please?

    Best regards,
    Rikard

    May 24, 2021 at 5:00 pm #1302072
    nrdhs

    Sure!
    Thank you.

    May 26, 2021 at 5:38 am #1302348
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 989px) {
#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after {
    background-color: #d9980b;
}
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
div .logo {
    top: 30px;
}
}

    Best regards,
    Rikard

    May 26, 2021 at 9:06 am #1302378
    nrdhs

    Thank you!
    It works perfectly!

    May 28, 2021 at 4:20 am #1302736
    Rikard

    Hi,

    Great, I’m glad that we could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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