Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #139965
    asiya1
    Participant

    Hi,

    I used a custom code to edit the menu bar to space the items on it (http://gavinjoejones.com/) but this looks odd on mobile view, with the large gaps after each item. Do you know a custom CSS I could use to make it right?

    #139980
    Skandha
    Keymaster

    @asiya1: I just checked your site and the menu looks fine on mobile view. Please try clearing your browser cache. This might solve the issue. Also please send me a screenshot of the mobile menu if the issue persists.

    Regards,
    Skandha

    #139982
    asiya1
    Participant

    Hey, cleared cache but it still looks off. The menu list has a massive space after each item. Find my screenshot below. screenshot

    How do you think I can work around it?

    #139983
    asiya1
    Participant
    #139987
    Skandha
    Keymaster

    @asiya1: Do you mean to align the menu items to the center? If yes,
    Go to => Appearance => Customize => Additional CSS and remove the additional CSS.

    .menu-item {
        width: 24.5%;
    }

    Let me know if this is what you want.
    Regards,
    Skandha

    #142507
    asiya1
    Participant

    No, I mean to remove the space on the right of the menu items that make the drop-down stretch out.

    #142508
    asiya1
    Participant

    So, I wanted to space out the menu items and used a custom code to space it out. When I did that, it even affected the mobile view where the space is seen on the right of the menu items on mobile. What code do I use to make it normal and aligned centre, without the space?

    #142525
    Skandha
    Keymaster

    @asiya1: Remove the CSS you have added previously and
    Go to = Appearance => Customize => Additional CSS and add the following CSS Code.

    #site-header-menu {
        width:50%;
    }

    Let me know if this works out.
    Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Custom Code for Normal Padding in Mobile Menu’ is closed to new replies.