Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #746895

    Hi!
    I have a few problems with my mobile menu.

    1) I’d like to change the icons for custom ones, and I’d like to get rid of the white border sorrounding them.
    2) I’d like to reduce the space left when I open the menu as seen in the pictures below. The bottom space could be left transparent and the top space could be reduced so the text can go up a little bit.
    3) I’d like to delete the icons next to the next as seen in the pictures.
    4) The menu is buggy when I try to open it after scrolling down. It goes back to the top of the page and then opens after a bit.
    5) The menu right now doesn’t “occupy space” — I mean that the header overlaps with top of the pages, but only on mobiles. Check the page “Updates”, for example, on mobile and desktop.

    Thank you a lot! Love Enfold, and most of all its support <3

    Manel

    #748685

    Hey Manel,

    Sorry for the late reply and thank you for your kind words! :)

    Please refer to this post – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/ and then try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #advanced_menu_toggle, #advanced_menu_hide { border: none !important; }
    #mobile-advanced {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #mobile-advanced li>a:before, .html_header_mobile_behavior #mobile-advanced span>a:before, #mobile-advanced .mega_menu_title:before { 
        display: none;
    }
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Mobile menu seems to work fine on my end and i could not see anything wrong on “updates” page. Can you please post a screenshot and show the issue?

    Best regards,
    Yigit

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