Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 25, 2017 at 8:01 am #799402
    clairemartindigital

    Hi guys,

    1) is there a way to have the new menu used on the creative studio demo on mobile only – and in turn have the current menu display for desktop and tablet?

    url and login below.

    Many Thanks!

    May 25, 2017 at 1:28 pm #799528
    Yigit

    Hey,

    I added following code to top of Quick CSS field

    @media only screen and (min-width: 768px) {
.js_active.html_burger_menu #avia-menu > li#menu-item-burger { 
display: none !important; 
}
.js_active.html_burger_menu #avia-menu > li { display: block !important; }
}
.container #advanced_menu_toggle, #advanced_menu_hide { display: none !important; } 
@media only screen and (max-width: 767px) {
.main_menu .avia-menu {
     display: block;
    position: absolute;
    right: 14%;
    top: 0; }
}

    Please review your website now :)

    Best regards,
    Yigit

    May 25, 2017 at 1:31 pm #799531
    clairemartindigital

    hi yigit,
    no chance on my end even after clearing the browser’s cache. Is it working on your end?

    May 25, 2017 at 1:37 pm #799533
    Yigit

    Hi,

    We might have edited Enfold theme options at the same. Please check if the code i posted above is in Quick CSS field. If not, please add it. If it is, we will look into it :)

    Best regards,
    Yigit

    May 25, 2017 at 1:41 pm #799536
    clairemartindigital

    Hi yigit,
    the code wasn’t in there. I added it in. it is not working as desired it seems. please take a look.

    thanks

    May 25, 2017 at 1:54 pm #799551
    Yigit

    Hi,

    “Display of menu items” was set to “text” instead of “icon” in Enfold theme options > Header. I corrected it. Please flush cache and review your website

    Best regards,
    Yigit

    May 25, 2017 at 2:01 pm #799561
    clairemartindigital

    ok that worked.

    another couple of questions regarding this:

    1. can i switch position of the menu toggle and cart icon?
    2. can the menu toggle be replaced by the word ‘menu’?
    3. can the cart icon and counter size be increase on desktop/tablet and mobile?

    thanks

    May 26, 2017 at 11:57 am #800095
    Andy

    Hi,

    1.) Use this code:

    @media only screen and (max-width: 767px) {
.responsive #top
.cart_dropdown {
right: 24%;
}
.main_menu .avia-menu {
right: -7%;
}}

    and adjust as needed.

    2.) Try this:

    span.av-hamburger-box::before {
content: 'menu';
}
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
background: none;
}

    3.) This:

    @media only screen and (max-width: 767px) {
.cart_dropdown_first
.cart_dropdown_link {
font-size: 20px;
}}

    Best regards,
    Andy

    May 26, 2017 at 11:13 pm #800444
    clairemartindigital

    Thanks Andy. You can close this one.

    May 26, 2017 at 11:25 pm #800447
    Jordan Shannon

    Hi,

    I am glad Andy was able to help you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Enfold Creative Studio Menu on mobile ONLY’ is closed to new replies.