[Resolved] mobile and tablet header issue

Home Forums Support mobile and tablet header issue

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1394124
    letsdoit

    Hello Team,

    I have the following issues related to Header/Navigation.

    1. On tablet, navigation shifts to two lines, what should i do to make sure it remains in one line.

    2. On Mobile, what is the css I may use for left padding for the navigation items.

    Thanks

    #1394222
    David
    Staff
    Customer Support

    Hi there,

    Simplest method would be to increase the Mobile Menu Breakpoint in Customizer > Layout > Primary Navigation – so it switches to mobile on portrait tablet. Otherwise you would have to reduce the size/spacing of Logo and Menu items.

    Let me know.

    To change the mobile menu item left padding – try this CSS:

    .mobile-header-navigation.main-navigation .main-nav ul li a {
        padding-left: 30px;
    }
    #1394600
    letsdoit

    Thanks David, both worked well.

    #1395028
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.