Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #284914

    Gay Kriesi

    I have a client site with a long menu, to the right of the logo.

    In the tablet portrait view it overlaps the logo.

    I’ve been experimenting but can’t find the place to invoke the change from the visible menu to the mobile icon advanced menu. I have it set and it does indeed change when I go to a smaller device, but I’d like the mobile portrait view to invoke the change.

    Thanks for any help you can provide me.

    Here is the site: http://www.2pisoftware.com

    cheers

    Darryl

    #284915

    My apologies…I meant the landscape view….the portrait view is working well, but I’d like to invoke the change for the landscape view, to replace the long menu with the icon menu instead.

    #284965

    Hi!

    Thank you for using the theme!

    Please go to Enfold > Header Layout > Mobile Menu. Look for the Header Mobile Menu activation then select the second option to activate the advance menu toggle on iPad landscape view.

    Cheers!
    Ismael

    #284996

    Gday Ismael

    thanks for your help with this. That setting was already set, but still has the long menu.

    The comment beside the setting says it will work below 990px, but landscape tablet is 1024px?

    cheers

    Darryl

    #285242

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1140px) {
    .main_menu ul:first-child > li > a { padding: 0 7px; }}

    Best regards,
    Yigit

    #285720

    Thanks Yigit…I hadn’t thought of that. Is there any option I could use if the menu was even longer (bound to happen), and so the reduced padding didn’t help?

    cheers

    Darryl

    #286518

    Hey!

    You can decrease the font size of the menu items then decrease the padding further:

    @media only screen and (max-width: 1140px) {
    .main_menu ul:first-child > li > a { 
    padding: 0 7px; 
    font-size: 12px;
    }
    }
    

    Cheers!
    Ismael

    #286952

    Gday Ismael

    I do have a good sense of that as another option now. However, I would prefer to understand more of what triggers the menu to disappear and be replaced. There are instances where this will be more useful. Is it done with javascript, and can I modify that to switch at a different breakpoint?

    Thanks for your help with this.

    cheers

    Darryl

    #286961

    Hi Darryl!

    It’s CSS:

    @media only screen and (max-width: 989px) {
    .html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
    .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
    .html_mobile_menu_tablet #mobile-advanced{display:block;}
    }

    Modify the “989px” and put the whole code in Quick CSS.

    Best regards,
    Josue

    #286968

    You ripper :) thanks so much Josue, that’s perfect…thanks for your attention, very much appreciated.

    cheers

    Darryl

    #286970

    You are welcome Darryl, we are always glad to help :)

    Regards,
    Josue

    #286979

    Also Josue, when I use a different menu, such as the one beneath the logo, or above, etc, I would like to invoke the same effect.

    Could you point out which file has the CSS for those? and I can gather it for the Quick CSS as required.

    Thanks again Josue, this will greatly improve my sites, almost every client puts too many navigation items together!

    cheers

    Darryl

    #286983

    Hey Darryl!

    I’m pretty sure the code will affect the main menu regardless of header configuration.

    Regards,
    Josue

    #286998

    Gday Josue, it worked for me when the nav was to the side of the logo, but not in a website where the nav was underneath the logo.

    I can scout around and find out the css file to check…thanks for your help Josue.

    cheers

    Darryl

    #287000

    Hi,

    Can you post the link to that website please? make sure it has the latest version of Enfold too (2.8.1).

    Regards,
    Josue

    #287003

    Thanks Josue…OK, well it doesn’t have 2.8.1, maybe that’s the problem: http://itchybrain.com.au/mfs/
    Sorry, but I won’t be able to update that today, juggling lots, but thanks again for your help Josue.
    cheers
    Darryl

    #287006

    Yes, that should be, do the update and try again :)

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.