Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #748740

    Enfold team,

    I just started a new project with the updated theme and was very happy to see the new “Display Menu Item as Icon” in the Header section. However, what is the point if it’s going to be badly executed?

    I enabled this and saw the great looking hamburger menu on the desktop. I love the black overlay with the center justified menu. Very nice! Then I tested it. When it goes to mobile, you get the old mobile menu. What is the point? You go from a nice simple desktop minimal menu to the old mobile menu? Why did you guys leave this and launch to the new update like this. Is there a way to turn it off? Quite unfortunate.

    Sorry to be so critical, it just seems poorly thought out.




    Sorry for the late reply! With upcoming update we will make mobile improvements.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 990px) {
    #advanced_menu_toggle, #advanced_menu_hide { display: none !important; }
    .responsive .main_menu .avia-menu { 
        display: block !important;
        float: right;
        margin-top: -130px;

    Best regards,


    Thanks! I’ll give it a try. This theme is amazing and super stable. Love it and want to make sure you guys keep it amazing. Appreciate it.




    You are welcome and thanks for your kind words :)
    We will keep the thread open and wait to hear from you. Thread will be on hold and reopened when you reply

    Best regards,


    Hi there

    Just adding my two pence as they say in the UK.

    Enfold is terrific theme and so fast to build. It was everything that you need. The only area that could use a little improved, as mentioned above, is the mobile screen navigation. Really look forward to an update on the mobile menu icon, navigation style.

    And also it would be super good to be able to manually set columns at Tablet size (like you can do with Visual Composer). Very often it’s helpful to break to a single column at Tablet size but there is no option to do this in your theme.

    Look forward to resolving both these key mobile friendly issues.




    Hi Christian,

    Thanks for your input!

    As mentioned above, we will make improvements to mobile experience. However it would help if you requested – or voted if already requested – such feature on Enfold feature request form.

    Best regards,


    Two notes from me to this mobile topic:

    1. I think it would be great, if the mobile menu would totally change to the new style.
    2. I would really appreciate it, if there would be an option in every element like ‘hide on mobile / hide on desktop’

    Nevertheless you’re doing a really great job on this. It’s really a pleasure to work with this template!

    Best regards


    • This reply was modified 3 years, 8 months ago by  hr-scr-net.

    Hi hr-scr-net,

    Thanks for your feedback, we continuously try to improve the theme. Hopefully we should all of those features implemented in a future release of the theme.

    Best regards,


    Hi, how can I show menu icon below 1150px? Where I change?


    Hi JoaoBrots,

    You can set that under Enfold->Main Menu.

    Best regards,


    Hi, I can change using this code:

    @media only screen and (max-width: 1150px) {
    #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; }
    .av-burger-menu-main { display: block!important; }

    João Brots

    • This reply was modified 2 years, 4 months ago by  JoaoBrots.


    Glad this is sorted for you!

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Display Menu as Icon Issue’ is closed to new replies.