Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #504548

    Hi,

    On my desktop/ipad i want a secondary menu in de top of my screen, but on a mobile device (smartphone) i want the mobile menu (main menu). How can i do this?
    THX Freek

    #504638

    Hey Freek,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #504665

    see private content for the link

    THX Freek

    #504678

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
    nav.sub_menu {
        display: none;
    }}
    @media only screen and (min-width:768px) {
    nav.main_menu { 
       display: none; 
    }}

    Please make sure to create your main menu in Appearance > Menus

    Regards,
    Yigit

    #504699

    It works! Thanks for the super support!!!
    THX Freek

    #504702

    Can you look to the mobile site again?
    The hamburger menu only displays half..
    I tried to change colors but no luck

    THX Freek

    #504709

    Hi!

    Please change following code

    .responsive .logo {
        display: none !important;
    }

    to following one

    .responsive .logo img {
        display: none !important;
    }

    :)

    Regards,
    Yigit

    #504718

    Super. final question. Why is the header section large on mobile?
    Is it possible to move the hamburger menu to the top of the screen in the upper right corner?
    THX Freek

    #504721

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
    #header_main {
        z-index: 99;
    }
    #advanced_menu_toggle {
        top: -35%;
    }
    #top #wrap_all .av_header_transparency {
        position: absolute!important;
        background-color: transparent;
    }}

    Cheers!
    Yigit

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