[Resolved] Full Length Menu

Home Forums Support Full Length Menu

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1343418
    Chitika

    I have changed my layout to nosidebars. Primary content is 724px.
    But menu is also fixed to this layout.
    Logo and menu are in two different lines.

    I want the logo and menu in full width or in one line.

    #1343540
    David
    Staff
    Customer Support

    Hi there,

    in Customizer > Layout > Primary Navigation set the Inner Navigation Width to Full

    #1343553
    Chitika

    Hello David.

    Thanks . That worked in desktop mode.

    But I have another problem.

    The same does not work on mobile.

    Logo – Menu – Search icon in one line on Mobile and Tablets.

    #1343579
    David
    Staff
    Customer Support

    Your logo is too wide for those smaller devices.
    We recommend enabling the Mobile Header in Customizer > Layout > Header and adding a more mobile friendly sized logo.

    #1343589
    Chitika

    I have resized the mobile logo to 120×14.
    But still I don’t see the changes.
    I published them.

    #1343593
    David
    Staff
    Customer Support

    What i meant was use a different logo – one that isn’t as wide as the other – maybe just your icons without the text?

    Otherwise you will have to significantly reduce its size to make it fit – which you can do with this CSS:

    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 15px;
        padding: 0;
    }
    #1343721
    Chitika

    Your thought is excellent.
    I just made my favicon as logo for mobile. That fits good.
    Thanks very much.

    If not bothering you too much, can I make the
    Logo (favicon icon) – left
    Menu label – center
    Search icon – right.

    #1343791
    Leo
    Staff
    Customer Support

    Try this:

    .main-navigation.has-branding .menu-toggle {
        order: 1;
        margin-left: auto;
        margin-right: auto;
    }
    .site-logo.mobile-header-logo {
        margin-right: 0;
    }
    #1344109
    Chitika

    Thanks Leo. This code worked.

    One last question and I will make this resolved.
    The Mobile Menu Breakpoint is set to default at 768px.

    In tablet mode, I still see logo and menu on two different lines.
    How to make it like Mobile, keeping the mobile menu breakpoint as default.

    #1344356
    David
    Staff
    Customer Support

    Increase the Mobile Menu Breakpoint in Customizer > Layout > Primary Navigation

    #1346392
    Chitika

    Thanks David and Leo.
    Your support was excellent.

    #1346522
    David
    Staff
    Customer Support

    Glad we could be of help

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.