Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • July 12, 2017 at 4:19 pm #820079
    td8000

    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

    July 12, 2017 at 4:32 pm #820091
    Yigit

    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

    July 13, 2017 at 1:30 pm #820518
    td8000

    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:

    Home

    July 13, 2017 at 3:24 pm #820565
    Yigit

    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

    July 13, 2017 at 4:02 pm #820598
    td8000

    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

    July 13, 2017 at 4:17 pm #820622
    td8000

    Hi Yigit,

    allready fixed the Cart position.

    The Button Animation looks weired now:

    Bewegung Information

    Any idea?

    • This reply was modified 7 years, 5 months ago by td8000.
    July 13, 2017 at 11:39 pm #820871
    Yigit

    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

    July 14, 2017 at 9:46 am #821061
    td8000

    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

    July 14, 2017 at 2:13 pm #821159
    Yigit

    Hi,

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

    Best regards,
    Yigit

    July 15, 2017 at 10:40 am #821623
    td8000

    Hi Yigit,

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

    Regards, Tobi

    July 17, 2017 at 12:06 pm #822531
    Yigit

    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

    July 17, 2017 at 1:00 pm #822564
    td8000

    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

    July 17, 2017 at 1:09 pm #822573
    Yigit

    Hey Tobi,

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

    Best regards,
    Yigit

    July 18, 2017 at 9:08 am #823148
    td8000

    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

    July 18, 2017 at 4:30 pm #823387
    td8000

    Link has changed. see below.

    July 19, 2017 at 1:56 pm #823948
    td8000

    Hi Yigit,

    any suggestion?

    July 20, 2017 at 4:08 am #824316
    Ismael

    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

    July 20, 2017 at 11:36 am #824500
    td8000

    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

    July 24, 2017 at 9:41 pm #829213
    Basilis

    Hi,

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

    Best regards,
    Basilis

    July 25, 2017 at 10:08 am #829514
    td8000

    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

    July 25, 2017 at 10:26 am #829533
    Nikko

    Hi,

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

    Best regards,
    Nikko

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