[Support request] How to Align Mobile Drop Down Menu

Home Forums Support How to Align Mobile Drop Down Menu

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #360464
    Amit

    In the mobile view on my site thevacuumbuddy.com, the items are displayed to the extreme left. How can they be displayed to look better?

    GeneratePress 1.3.48
    GP Premium 1.3.1
    #360481
    Garth Dryland

    You could try this

    /*
    Centralize the mobile-header menu items
    */
    @media (max-width: 768px) {
        .main-navigation .main-nav li {
            text-align: center !important;
        }
    }
    #360497
    Amit

    That worked like charm. One more thing I feel should improve is the space between search icon and menu button as they seem closer.

    #360507
    Garth Dryland

    Maybe try the menu item width setting in customize / layout / primary navigation

    #360518
    Amit

    Thanks for the quickie. Got the thing. GP is really an awesome theme and I am coming up great pagespeed scores on this website…

    #360561
    Leo
    Staff
    Customer Support
    #367905
    Amit

    After the update to new theme and premium plugin, this code is not working! What’s the catch?

    #367991
    Leo
    Staff
    Customer Support

    Try this instead:

    @media (max-width: 768px) {
        .main-navigation .main-nav ul li a {
            text-align: center !important;
            background-color: #ffffff;
        }
    }
    #368177
    Amit

    Did the work Leo. Another thing that I am facing is the drop down menu background issue in transparent navigation. The menu items are overlapping the content which looks weird. Any solution to that please? Here I am talking about the fixed navigation and not sticky as my sticky navigation is of different color.

    #368317
    Leo
    Staff
    Customer Support
    #677717
    Amit

    This code is not working now, the menu is left aligned….

    #677719
    Amit

    I guess the new version of theme is not valid for this code.

    #677723
    David
    Staff
    Customer Support

    Hi there,

    is this on the vacuumbuddy site?

    #677728
    Amit

    Nope, now on friedcoffee.com

    #677741
    David
    Staff
    Customer Support

    Ok we can keep it on that topic and i will have a look. Chances are its a caching issue as i did not see that when working on the mobile header. Try clearing browser caches.

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