Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #639035

    Hi Guys!

    I’m using a full width submenu as my primary menu, which is fine for the most part. However due to the number of items on the menu, I’d like to force it to go mobile at screen widths at or below 830px. I now this is before it normally would for smart phones, but I don’t want it to go mobile for anything under 990px. Is there a way to do this just with CSS, or would I need to adjust Enfold’s javascript as well?

    Scott

    • This topic was modified 8 years, 1 month ago by scotthco.
    #639157

    Hi Scott,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #650533

    Sorry it took so long for me to respond. Actually I need the full width submenu to go mobile at anything less than 980px screen width. Anything over that, and it should be the normal menu. Just so you know, in Theme Options, Header, Mobile Menu tab, I do have it set to go mobile for both tablets and smartphones, but that obviously applies only to the main header menu, not to full width submenus (but it probably should).

    The URL is on my development box, so I’ll post it in the private content area below.

    #651203

    Hi,

    Thank you for the info. Please add this in the Quick CSS field:

    @media only screen and (max-width: 989px) {
    .responsive #top .av-menu-mobile-active .mobile_menu_toggle {
        display: inline-block;
    }
    
    .responsive #top .av-menu-mobile-active .av-subnav-menu {
        display: none;
    }
    
    .responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu {
        display: block;
    }
    
    .responsive #top .av-menu-mobile-active .av-subnav-menu li {
        display: block;
        border-top-style: solid;
        border-top-width: 1px;
        padding: 0;
    }
    
    .responsive #top .av-subnav-menu > li:first-child {
        margin-top: -1px;
    }
    }

    Best regards,
    Ismael

    #999084
    This reply has been marked as private.
    #999232

    Hi, ProTravelGolf

    Could you please attach a mockup of what you’re trying to achieve?

    The password to the area does not work, the page just reloads.

    Best regards,
    Victoria

    #999308
    This reply has been marked as private.
    #999314
    This reply has been marked as private.
    #999321
    This reply has been marked as private.
    #999719

    Hi ProTravelGolf,

    I see that you’re hiding the submenu for the screen sizes below 767px and it is there for the screens above, it is not a burger and sticks to the top.

    Which part is not working for you?

    Best regards,
    Victoria

    #999751
    This reply has been marked as private.
    #1000276

    Hi ProTravelGolf,

    Best regards,
    Victoria

    #1000289

    Victoria,

    Do you have the code for my question above re: the padding around the words on full width submenu?

    Many thanks

    #1000703

    Hi ProTravelGolf,

    I still do not understand the which space and how you need to adjust and so I cannot give you the code.

    Can you please make a mockup?

    Best regards,
    Victoria

    #1000714
    This reply has been marked as private.
    #1000807

    Hi ProTravelGolf,

    Ok, thank you.

    If just the horizontal

    
    @media only screen and (max-width: 990px) 
       #top #av-custom-submenu-1 .av-menu-button > a .avia-menu-text {
        padding: 9px 4px;
      }
    }
    

    if padding in general

    
    
    @media only screen and (max-width: 990px) 
       #top #av-custom-submenu-1 .av-menu-button > a .avia-menu-text {
        padding: 4px;
      }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    • This reply was modified 5 years, 11 months ago by Victoria.
    #1000881

    Victoria,

    Brilliant that has worked great. Thank you so much for your support and patience!!

    Best regards

    #1000893

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Full Width Submenu Force Mobile at Specific Width’ is closed to new replies.