Tagged: 

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #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.

    #526425

    Hey 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!
    Elliott

    #526468

    Thanks 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?

    #526768

    Hello 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.

    #526838

    Hey!

    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,
    Ismael

    #527040

    Thanks 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.

    #527913

    Hi!

    Try this CSS out.

    #mobile-advanced .menu-item > span::before { display: none !important; }
    

    Cheers!
    Elliott

    • This reply was modified 8 years, 7 months ago by Elliott.
    #527961

    Hi 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.

    #528667

    Hey!

    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,
    Yigit

    #528849

    Thanks 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.

    #529153

    Hey!

    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 left

    Cheers!
    Yigit

    #529638

    Hi Yigit, thank you for your reply. I tried what you said but it didn’t work. I’ve created a temp admin login. Thanks.

    #531044

    Hey!

    login does not work for me. Can you check please?

    Regards,
    Andy

    #531059

    Sorry about that Andy, new login data is attached.

    #534919

    Hi!

    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,
    Elliott

    #535189

    Hi, in the mobile menu, I want the sub menu links to be hidden until I touch the main menu items.

    #535349

    Hey!

    go to Enfold->Header->Mobile Menu and choose “Hide Mobile Menu Submenu Items”.

    Cheers!
    Andy

    #535972

    I 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.

    #536832

    Hi!

    Please take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    #537129

    Hi!

    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.

    #538909

    Hey!

    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,
    Andy

    #539480

    Thanks Andy, please close this ticket.

    #539497

    Hey!

    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

Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Mobile menu to display non-megamenu style’ is closed to new replies.