Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 19, 2015 at 11:29 am #446339
    Susanne

    Hi there,
    I can’t get the main menu on http://www.facialfitnessworkout.co.uk to be shown on a smartphone. It only shows a small box with bullet points which, when you click on it, opens the menu.
    Any alternative css to add to see the “real” menu on Android?
    I tried to add this to quick css – no success:

    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #ffffff;
    color: black;
    border-color: black;
    }

    Thanks a lot,
    Susanne

    May 19, 2015 at 3:40 pm #446475
    Yigit

    Hey Susanne!

    What you are seeing is mobile menu which is designed for better UX. If you would like to display desktop menu you can add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
  display: block;
}
#advanced_menu_toggle, #advanced_menu_hide { 
display: none !important;
}}

    Cheers!
    Yigit

    May 19, 2015 at 6:56 pm #446641
    Susanne

    Hi Yigit,
    Thanks for this.
    However when I add that code, no menu at all is shown – not even the box with bullet points?

    May 19, 2015 at 6:59 pm #446645
    Yigit

    Hi!

    Please try changing the code to following one

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
  display: block !important;
}
#advanced_menu_toggle, #advanced_menu_hide { 
display: none !important;
}}

    Regards,
    Yigit

    May 19, 2015 at 7:51 pm #446666
    Susanne

    Thank you for this, Yigit.
    However, even with the new code no menu at all is visible on the smartphone.
    Any other ideas?
    Susanne

    May 21, 2015 at 2:44 am #447499
    Ismael

    Hi!

    There is no space to accommodate the default menu on smaller screens, that’s why it switches to the mobile menu. I checked the site and the default menu displays on smaller screens but the menu items aren’t lined up. Remove browser cache then reload the page.

    Best regards,
    Ismael

    May 21, 2015 at 9:32 am #447623
    Susanne

    Hi Ismael,
    Thanks for your reply.
    However, with all websites I set up based on Abundance, their top menu is very well visible on mobile devices. AND they are lined up!
    See here: http://www.saltglassstudios.co.uk
    or http://www.trunch-norfolk.co.uk

    I really need to find a solution for my client to show the menu on mobile devices.
    Can you help please?
    Thanks a lot,
    Susanne

    May 21, 2015 at 9:30 pm #448008
    Yigit

    Hi!

    You can go to Enfold theme options > General Layout > Dimensions and disable responsive layout

    Cheers!
    Yigit

    May 22, 2015 at 4:38 pm #448446
    Susanne

    Thank you so much, Yigit – that solved the problem.
    Susanne

    May 22, 2015 at 4:40 pm #448449
    Yigit

    Hey!

    You are welcome Susanne, glad we could help! Have a great weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile Menu not showing on smartphone’ is closed to new replies.