-
AuthorPosts
-
July 12, 2017 at 4:19 pm #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
July 12, 2017 at 4:32 pm #820091Hey 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,
YigitJuly 13, 2017 at 1:30 pm #820518HI 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:July 13, 2017 at 3:24 pm #820565Hi,
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,
YigitJuly 13, 2017 at 4:02 pm #820598HI 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 #820622Hi 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.
July 13, 2017 at 11:39 pm #820871Hi,
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,
YigitJuly 14, 2017 at 9:46 am #821061Hi 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 #821159Hi,
Please update Enfold to the latest version 4.1.1 – kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
YigitJuly 15, 2017 at 10:40 am #821623Hi 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 #822531Hi 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,
YigitJuly 17, 2017 at 1:00 pm #822564Hi 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 #822573Hey Tobi,
I thought you meant the animation. Could you please let us know which OS and browser you are using?
Best regards,
YigitJuly 18, 2017 at 9:08 am #823148Yes, 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 #823387Link has changed. see below.
July 19, 2017 at 1:56 pm #823948Hi Yigit,
any suggestion?
July 20, 2017 at 4:08 am #824316Hi,
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,
IsmaelJuly 20, 2017 at 11:36 am #824500Hi 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 #829213Hi,
Do you have any cache that is active right now on your web site?
Best regards,
BasilisJuly 25, 2017 at 10:08 am #829514Hi 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 #829533Hi,
Glad that you figured it out. Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Mobile Menu not visible’ is closed to new replies.