Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #912428

    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.

    #912637

    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

    #912879

    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

    #912887

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

    Best regards,
    Jordan Shannon

    #912888

    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.

    #912893

    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

    #912894

    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

    #912900

    Should I add both of your seprarate codes?

    #912902

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

    #913004

    Hi,

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

    Best regards,
    Jordan Shannon

    #913171

    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

    #913291

    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

    #913313

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

    #913322

    Hi,

    You can use the following service for screenshots:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    #913565

    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;

    #913566

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

    #913770

    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

    #915968

    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.

    #916059

    Hi,

    Best regards,
    Victoria

    #916119
    This reply has been marked as private.
    #916727

    Hi poylomat,

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

    Best regards,
    Victoria

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