Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • February 14, 2018 at 7:28 pm #912428
    poylomat

    Hi,

    I tried to find the answer but didn’t manage it… I don’t understand why there’s no menu icon on each page of the mobile version of my website :

    Could you help me ?

    Regards,
    Matthieu.

    February 15, 2018 at 6:27 am #912637
    Rikard

    Hey poylomat,

    Could you try updating the theme to the latest version (4.2.3) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    February 15, 2018 at 7:06 pm #912879
    Raginilk

    Hi Rikard

    I just updated the theme to latest version, and now the menu in the hamburger icon is gone. It turned white – background and text.
    Do you have a css code I can use?

    Background color was rgb: 215-57-136 with white font.

    Br, Ragini

    February 15, 2018 at 7:36 pm #912887
    Jordan Shannon

    Hey Raginilk,
    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    February 15, 2018 at 7:42 pm #912888
    Raginilk

    Hi Jordan. I am not sure what you mean. But the page is: https://webklar.dk/
    When you go to mobile device mode the burger icon is pink, we managed to fix that yesterday, but the menu is not the same as before.

    February 15, 2018 at 8:04 pm #912893
    Jordan Shannon

    Hi,

    I see, add this to quick css:

    @media only screen and (max-width: 1024px)  {
#av-burger-menu-ul li a span.avia-menu-text{
color:pink;
}}

    Best regards,
    Jordan Shannon

    February 15, 2018 at 8:06 pm #912894
    Yigit

    Hey,

    Please try adding !important to your custom CSS code so it looks like following 

    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: rgb(215,57,136)!important;
}

    Best regards,
    Yigit

    February 15, 2018 at 8:19 pm #912900
    Raginilk

    Should I add both of your seprarate codes?

    February 15, 2018 at 8:22 pm #912902
    Raginilk

    And is it possible to have the font white and the background pink? It’s the opposite now.

    February 15, 2018 at 10:59 pm #913004
    Jordan Shannon

    Hi,

    You would enter both codes, but simply switch the colors.

    Best regards,
    Jordan Shannon

    February 16, 2018 at 8:38 am #913171
    Raginilk

    Hi Jordan,

    I tried that, but I don’t see where to change the background color to pink. I see it says “pink” in the code, but shouldn’t it also say “white” for the font?
    And then the font is still not right yet (or it doesn’t look as Advent Pro).

    Br. Ragini

    February 16, 2018 at 3:19 pm #913291
    Yigit

    Hi Ragini,

    If you do not mind, could you please post temporary WP admin logins and a screenshot showing the changes you would like to make so we can look into it? :)

    Best regards,
    Yigit

    February 16, 2018 at 5:25 pm #913313
    Raginilk

    I have been making screen shots, but where can I upload them?

    February 16, 2018 at 6:26 pm #913322
    Jordan Shannon

    Hi,

    You can use the following service for screenshots:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    February 17, 2018 at 8:19 am #913565
    Raginilk

    https://snag.gy/1Ptu2Q.jpg

    https://snag.gy/rhL9Y2.jpg

    OK, does these to images help you to see, what I mean? :)
    One of the mobile menu that looks weird and the css code I have used now.

    The code that was uses before the theme-update was this:

    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #D93B8A !important; }
    #mobile-advanced {
    background: rgb(215, 57, 136);
    }
    #mobile-advanced a{
    color: white;
    }
    #mobile-advanced a:hover, #mobile-advanced a:hover .avia-menu-text{

    background: inherit !important;
    }
    #mobile-advanced a:hover .avia-menu-text{
    color: skyBlue;
    }

    h1, h2 {
    word-break: break-word;
    }

    #mobile-advanced .mega_menu_title {
    color: white !important;

    February 17, 2018 at 8:22 am #913566
    Raginilk

    THe first link wouldn’t work: https://snag.gy/inSxyk.jpg

    February 18, 2018 at 7:02 am #913770
    Victoria

    Hi Raginilk,

    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: 767px) {
  .html_av-overlay-side #top .av-burger-overlay-scroll {
      background: pink;
  }
  #av-burger-menu-ul li a span.avia-menu-text {
      color: #fff;
  }
}

    You can delete all this:
    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #D93B8A !important; }
    #mobile-advanced {
    background: rgb(215, 57, 136);
    }
    #mobile-advanced a{
    color: white;
    }
    #mobile-advanced a:hover, #mobile-advanced a:hover .avia-menu-text{

    background: inherit !important;
    }
    #mobile-advanced a:hover .avia-menu-text{
    color: skyBlue;
    }
    #mobile-advanced .mega_menu_title {
    color: white !important;
    }
    It does not apply any more.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 22, 2018 at 11:15 am #915968
    poylomat

    Hi,

    I come back to my first request. I updated the theme but I still didn’t see the menu icon on mobile…
    Could you help me ?

    Regards,
    Matthieu.

    February 22, 2018 at 2:11 pm #916059
    Victoria

    Hi,

    Best regards,
    Victoria

    February 22, 2018 at 3:07 pm #916119
    poylomat
    This reply has been marked as private.
    February 23, 2018 at 3:07 pm #916727
    Victoria

    Hi poylomat,

    I’m sorry, confused now. What kind of menu do you want on the big screen?

    Best regards,
    Victoria

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