Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #820079

    Hi there,
    I set the breaking point fpr mobile menu in Quick CSS like that:

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

    Now i have no menu at all between 768px and 1023px and can not fugure out why.

    Thanks for help.

    Tobi

    #820091

    Hey Tobias,

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

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

    and then remove previous version of the code

    Best regards,
    Yigit

    #820518

    HI Yigit,

    i tried, but still the same.

    For testing i removed all other Quick CSS Code. Still there is no Menu visible between 990px and 1024.
    Might this have to di with the setting in Enfold/Header/Mobile Menu/ ?

    Now i put back in all Code including your last suggestion.
    Please habe another look on a desktop resolution between 768px and 1024px:

    #820565

    Hi,

    I updated Enfold to the latest version 4.1 and corrected a few mistakes in your Quick CSS field.
    Please review your website.

    Best regards,
    Yigit

    #820598

    HI Yigit,

    great. Thanks. Only the navigation menu is not centered anymore and the cart symbol a bit to low.
    Also i had to overwrite grid.css with my version. Can i place that into the child theme as well?

    And sorry for the mess in Quick CSS, i know there’s a bit to clean up…

    Tobi

    #820622

    Hi Yigit,

    allready fixed the Cart position.

    The Button Animation looks weired now:

    Any idea?

    • This reply was modified 7 years, 4 months ago by td8000.
    #820871

    Hi,

    I am not sure if i understood the issue. Could you please elaborate? If you could point it out with a screenshot, that would be great. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    #821061

    Hi Yigit,

    – the main menu on top of all pages (Home, Konzept LebeNeo, etc…) is aligned to the left now. should be centered as before.
    – the pop up animation of the buttons on the page in private content look differnet now. there’s a flashing before each button pops up. was not like that before.

    For the first matter i surely could provide you with a screenshot, but i think it’s clearer now. Do you still need it?

    Regards, Tobi

    #821159

    Hi,

    Please update Enfold to the latest version 4.1.1 – kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Yigit

    #821623

    Hi Yigit,

    ok, thanks, with the update the menu is back to centered.
    But the button animation still flashes.
    No ideas?

    Regards, Tobi

    #822531

    Hi Tobi,

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

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
        -webkit-animation: none !important;
        animation: none !important;
    }
    

    Best regards,
    Yigit

    #822564

    Hi Yigit,
    well, that disables the animation. But actually my client liked it a lot. Only the flashing after the update was annoying.

    Can’t we go back to how it was…?

    Thanks, Tobi

    #822573

    Hey Tobi,

    I thought you meant the animation. Could you please let us know which OS and browser you are using?

    Best regards,
    Yigit

    #823148

    Yes, i mean the masonry animation (the buttons) on that page in private content.
    I am using Windows 7 with Chrome and IE. Effect happens (after the update) in both browsers.

    Tobi

    #823387

    Link has changed. see below.

    #823948

    Hi Yigit,

    any suggestion?

    #824316

    Hi,

    Please try this code in the Quick CSS field.

    .av-masonry-image-container, .av-inner-masonry-content {
        -webkit-transition: none;
        transition: none;
    }
    
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
        -webkit-animation: none !important;
        animation: none !important;
    }

    Best regards,
    Ismael

    #824500

    Hi Ismael,

    thanks, but i really need the animation working again. Switching it off is no option.
    It worked so fine before the update.

    What has gone wrong?

    Regards, Tobi

    #829213

    Hi,

    Do you have any cache that is active right now on your web site?

    Best regards,
    Basilis

    #829514

    Hi Basilis,

    i found the reason. Had a code snippet left in my Quick CSS.

    Problem solved. Thanks a lot guys.

    Thread can be closed.

    Tobi

    #829533

    Hi,

    Glad that you figured it out. Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Mobile Menu not visible’ is closed to new replies.