Tagged: mobile menu
-
AuthorPosts
-
October 28, 2015 at 4:54 pm #526283
Hello, great theme and outstanding support.
I’m using the Enfold photography theme and I would like if possible to prevent the mobile menu from displaying like a mega menu. Meaning that I want the sub-menu items to show only when i touch the main menu items. Is that possible? Here is a link to my demo site http://ed3.6e0.myftpupload.com/ Thank you.
October 28, 2015 at 10:23 pm #526425Hey amrman0!
Do you mean your wanting the mobile menu submenu links to be hidden until you click on the parent link? If so then navigate to Dashboard > Enfold > Header > Mobile Menu and make sure the “Hide mobile menu submenu items” option is checked.
Cheers!
ElliottOctober 29, 2015 at 12:26 am #526468Thanks Elliott,
My site had a left side main menu, so the header options were grayed out. But I went ahead and made the menu at the top instead of the left, and now I can control the header options. So, I applied the option you suggested and the result was what I was looking for. There is just one small thing remaining please, how can I hide the small arrows to the left of the text of each menu item, if that’s possible?October 29, 2015 at 2:32 pm #526768Hello again,
Unfortunately, I just discovered that there is a problem now that I changed the layout from a left side main menu one to a top main menu one. The fullscreen slider images get cropped now when the menu is in top for some reason. Here are examples of the same page with the menu on the left side, and with the menu on top: http://mehanna.com/investment-projects/ http://ed3.6e0.myftpupload.com/investment-projects/ You can see that the images are badly cropped when the menu is on top. Please let me know how can the images show up without getting cropped when the menu is on top, as I prefer the menu on top layout much more, and this layout will also solve the mobile menu original issue. Thanks a lot.
October 29, 2015 at 3:19 pm #526838Hey!
The background-size property is set to cover by default to keep the image proportion but some parts of the image will get cut off. Try to set the background-size property to 100%:
.avia-fullscreen-slider .avia-slideshow>ul>li { background-size: 100% 100%; }
This may distort the image a bit specially on smaller screens.
Best regards,
IsmaelOctober 29, 2015 at 5:49 pm #527040Thanks Ismael, that worked out well enough. The only thing remaining now is what I mentioned before in this ticket, how to make the bullets before the text disappear on the mobile menu items. I searched in the archives, and the following CSS code worked somewhat, it made the bullets disappear on the main menu items, but not the child menu item, but it made them disappear again on the grandchild menu items! So the code skipped a generation for some reason. It’s not a huge issue but any fix?
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .menu_title:before { display: none; }
Thanks again.
October 31, 2015 at 3:39 pm #527913Hi!
Try this CSS out.
#mobile-advanced .menu-item > span::before { display: none !important; }
Cheers!
Elliott- This reply was modified 9 years ago by Elliott.
October 31, 2015 at 8:11 pm #527961Hi Elliott, no it didn’t work. This CSS actually reverted the mobile menu to its original state where all menu items in all levels have small arrows (bullets) before the text. Like I said in my last message, this next CSS code that I found in the archives worked except for the child menu items : #mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .menu_title:before { display: none; }
Thank you.
November 2, 2015 at 5:28 pm #528667Hey!
Please add following code to Quick CSS
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { display: none !important; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
YigitNovember 2, 2015 at 10:25 pm #528849Thanks Yigit, your code worked. Unfortunately, my client didn’t like the main menu on top, so I had to revert the main menu to its original location on the left. Now, the main issue of this ticket still needs to be solved please. I would like to prevent the mobile menu from displaying like a mega menu. Meaning that I want the sub-menu items to show only when I touch the main menu items. Elliott had told me in his first reply above to “Navigate to Dashboard > Enfold > Header > Mobile Menu and make sure the “Hide mobile menu submenu items” option is checked”. The problem now is that the header menu in Enfold is not available because I’m using a left side main menu, there is no header on my website now. Any fix? Thanks.
November 3, 2015 at 12:43 pm #529153Hey!
Do you mind creating a temporary admin login and posting it here privately?
You can try to change header position to top, then follow Elliott’s instructions and “Hide mobile menu submenu items” save and then switch the header position to leftCheers!
YigitNovember 3, 2015 at 10:33 pm #529638Hi Yigit, thank you for your reply. I tried what you said but it didn’t work. I’ve created a temp admin login. Thanks.
November 5, 2015 at 6:04 pm #531044Hey!
login does not work for me. Can you check please?
Regards,
AndyNovember 5, 2015 at 6:21 pm #531059Sorry about that Andy, new login data is attached.
November 12, 2015 at 5:30 pm #534919Hi!
So in your mega menu your wanting the sub menu links to be hidden until hovering over the parent menu links? Is that right? If I am misunderstanding then please create a screenshot and highlight what your trying to do so we can get a better idea.
Regards,
ElliottNovember 13, 2015 at 2:55 am #535189Hi, in the mobile menu, I want the sub menu links to be hidden until I touch the main menu items.
November 13, 2015 at 1:17 pm #535349Hey!
go to Enfold->Header->Mobile Menu and choose “Hide Mobile Menu Submenu Items”.
Cheers!
AndyNovember 15, 2015 at 12:50 am #535972I have a lot of respect for Enfold support, but I’m very disappointed with the quality of support for this ticket. You keep repeating a solution that is not possible over and over. Again, the solution that Andy is suggesting in not possible because the menu option mentioned is grayed out as I have no headers in my layout. My main menu is on the left, not a the top.
And please don’t suggest again the solution in reply #529153 above as it doesn’t work either. My site login credentials are included in private if you need it.November 16, 2015 at 7:14 pm #536832Hi!
Please take a screenshot and highlight exactly what your trying to do so we can get a better idea.
Best regards,
ElliottNovember 17, 2015 at 7:16 am #537129Hi!
The issue I’m writing about for 20 days now is very simple and clear, I don’t understand why I’m being asked for screenshots to explain it? I don’t know how to take screenshots of my mobile.
Again, I simply want the mobile menu sub-menu links to be hidden until I click on the parent link, that is it.
The best answer I got so far from support is this : Navigate to Dashboard > Enfold > Header > Mobile Menu and make sure the “Hide mobile menu sub-menu items” option is checked.The problem is that my layout doesn’t have a header option that is editable, I’m attaching a screenshot of that fact. http://93e.549.myftpupload.com/wp-content/uploads/2015/11/1.png
Thanks.
November 19, 2015 at 12:29 pm #538909Hey!
I am sorry, but it won’t be easily possible with the header options you are using right now (as shown in your screenshot). You would need to hire a freelance developer for this job, as it would require a huge amount of time and customization of the theme. Feel free to make a feature request for Kriesi here: kriesi.at/support/enfold-feature-requests/
Best regards,
AndyNovember 20, 2015 at 12:57 pm #539480Thanks Andy, please close this ticket.
November 20, 2015 at 1:18 pm #539497Hey!
alright. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Regards,
Andy -
AuthorPosts
- The topic ‘Mobile menu to display non-megamenu style’ is closed to new replies.