-
AuthorPosts
-
October 16, 2017 at 12:29 pm #864779
Hi,
when the mobile menu is openend, the search icon and the X icon for closing the mobile menu are overlapping the menu items, when I open a submenu item and scroll down. Is it possible to fix the icons on top or to put a white bar behind the scrolling icons?
Kind regards!
October 17, 2017 at 4:30 am #865082Hey Steffen,
Thanks for the link, though I couldn’t see the error you are describing on my end. Could you post a screenshot of the problem please? You can upload to a service like dropbox or google drive and then link to it here.
Best regards,
RikardOctober 17, 2017 at 8:42 am #865183Hi Rikard,
I attached the image of the issue to the private content area.
Thanks and kind regards!
October 19, 2017 at 5:59 am #866076Hi,
Thank you for the screenshot. However, I can’t see the issue when I checked the page. Is this fixed? Please make sure that you’re using the latest version of the theme which is 4.1.2.
Best regards,
IsmaelOctober 25, 2017 at 12:58 pm #868692Hi,
I’m using the newest Enfold version 4.2 and the issue still exists. In the mobile menu the closing and the search icon overlap the menu items, if the submenu is opened and I scroll down. Is there a CSS code to fix the icons or to put a background to the icons?
Kind regards
- This reply was modified 7 years, 2 months ago by Steffen.
October 26, 2017 at 8:00 am #869112Hi,
I can see the issue now. It only happens when the screen width is less than 320px. What if you set a different logo on mobile devices, one with only the red mushroom image and without the text? This thread may help.
// https://kriesi.at/support/topic/mobile-logo-not-on-tablet/
You can also decrease the width of the logo but it will look a little bit too small.
@media only screen and (max-width: 767px) { .responsive .logo img {; height: 50px !important; } }
Best regards,
IsmaelOctober 27, 2017 at 1:06 pm #869535Hi,
I think, that you don’t get my problem right ;-) My problem isn’t the logo. I would like to know if it’s possible to unstick the search and closing icons when I opened the mobile menu (see the attached image). When I open a submenu item and scroll down, the icons overlay the menu items. Is there a way to unstick the icons or put a background color to it?
Kind regards
October 28, 2017 at 4:32 pm #869956Hi,
I see. Unfortunately, that’s not possible at the moment but you can adjust the position of the search and close button when the mobile menu is active.
@media only screen and (max-width: 767px) { .av-burger-overlay-active.responsive #top .av-logo-container .avia-menu { left: -150px; } .av-burger-overlay-active.responsive #top .av-main-nav .menu-item-avia-special { display: block; background: #ffffff; } }
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.