Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 25, 2019 at 11:49 am #1159799
    doboon

    Hello,

    I have a problem about displaying the burger menu. I want it to appear from 1160 pixels of screen width on both tablet and laptop, what it does with the css I added, but the burger disappears between 990 and 768 pix (whatever burger menu option in the menu properties). How to get out of this contradiction?

    And a problem about the display of sliders on screen means tablet kind. Rather than changing the display to 990px as the theme suggests, I would like to force a new display to 1160 px. Is it possible ?

    Thank you,

    November 25, 2019 at 6:15 pm #1159946
    Victoria

    Hey doboon,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1160px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 27, 2019 at 12:43 am #1160493
    doboon

    Thank you Victoria.
    Unfortunately, that does not change anything: my burger menu always disappears between 768 and 990 of screen width.
    Regards,

    November 27, 2019 at 1:33 am #1160507
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, please clear the cache a few times over.

    Best regards,
    Jordan Shannon

    November 28, 2019 at 7:59 pm #1161095
    doboon

    Hi Jordan,

    No it does not work, even putting the CSS all over and even emptying the cache and viewing in different browsers. It’s strange because on my other sites built on Enfold, I do not have this problem of absence of burger between 990 and 768 px, but here, no menu. I don’t understand.

    November 29, 2019 at 5:51 pm #1161295
    Victoria

    Hi doboon,

    The color for it was set to white for some reason.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

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