Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 30, 2015 at 12:16 am #466102
    saremcdee

    Hi there Enfold peeps,

    I have a tricky problem that I’m hoping you gentlemen might have a solution for.

    1. I want to remove the main menu from all pages – I have done this so far successfully only on the homepage, using page ID. Is there some blanket code I can use that will apply to all of the pages?

    2. I have added a full width sub menu below the page header ( so far only on the homepage – I will be adding this to all pages also).

    Can this:
    a) be made responsive on mobile/ipad etc? At the moment it’s a bit of a mess on devices.
    OR
    b) can I have the ‘main menu’ (that is now deleted from the desktop view) to show on mobiles? And have the ‘full width sub menu’ only show on desktops?

    The reason why I’ve made this change is because I want more room in the header, I can’t fit my menu items, social icons, phone number and general info etc. I’ve played around for hours with the options in the header menu but can’t get it in.

    Perhaps there is another way? If so I’d definitely consider it! :)

    Cheers,
    Sarah

    July 1, 2015 at 11:45 am #466901
    Andy

    Hey Sarah!

    1.) To hide your menu use this code:

    .avia-menu.av-main-nav-wrap {
display: none;
}

    2.) To show menu from 1.) only on mobile use this code:

    @media only screen and (max-device-width: 736px) {
.avia-menu.av-main-nav-wrap {
display: block;
}}

    Your menu seems to work fine for me on mobile. Can you provide us screenshots to make things clear, showing what you want to achieve? you can use imgur or dropbox.

    Best regards,
    Andy

    July 1, 2015 at 3:16 pm #467017
    saremcdee

    Ah I love the support here! Seriously if there is a place I should be leaving a review, let me know :)

    Ok well both of those suggestions worked well :) My ipad is showing the same view as my desktop (the full width sub menu instead of the normal main menu). And, My iphone is showing the normal main menu. Only problem is now that my iphone is still showing the full width sub menu which isn’t responsive, how can I hide this (only on mobile devices) and I’ll be sweet!

    Here’s the screenshot of how the full width sub menu shows on my iphone:

    View post on imgur.com

    Thanks again!

    July 1, 2015 at 7:00 pm #467175
    Basilis

    Hey!

    To be honest, now you will need to configure the CSS for the menu, to be listed correctly.
    Can you let me know, how you want it to view, the submernu etc, and we can see how to support you?

    Regards,
    Basilis

    July 1, 2015 at 7:21 pm #467182
    saremcdee

    Hello,

    Well in my screen shot from my iphone, the full width sub menu when clicked on, doesn’t actually ‘drop down’ so to speak, when it opens, the sections are all on top of one another, making it messy and unusable. My question was (if at all possible) can I now use some CSS to actually hide the full width sub menu, only on mobiles? I have used CSS to hide the main menu on desktop but show on mobile, because it is responsive and works better on mobiles.

    This is the mess that’s showing on my mobile – can we hide this ? Thank you! :)

    View post on imgur.com

    July 1, 2015 at 7:46 pm #467197
    Yigit

    Hey!

    Please edit your Fullwidth Sub Menu element and choose to display a button in “Mobile Menu Display”

    Best regards,
    Yigit

    July 1, 2015 at 7:59 pm #467207
    saremcdee

    Yay! Works perfectly! Thank you :)

    July 1, 2015 at 8:02 pm #467209
    Yigit

    Hi!

    You are welcome, glad we could help :)
    Let us know if you have any other questions or issues

    Regards,
    Yigit

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