Menu Item Spacing Issue

  • Design Locker

    (@design-locker)


    7 years ago

    Hi All,

    Working on a child theme of twentysixteen and having an issue when I hover a main menu item.

    There is a 5px space to the right hand side of each menu item when I hover that I cannot seem to sort and/or remove.

    Any help greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello design-locker,

    Add below css code into your current active child theme’s style.css file or you can also add it to additional css option in theme customiz option.

    
.main-navigation .primary-menu > li {
  float: left;
}
@media (max-width: 900px) {
  .main-navigation .primary-menu > li {
    float: none;
  }
}

    Hope this will helps you.

    Thanks!

    Thread Starter Design Locker

    (@design-locker)

    Thank you so much for your help, worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu Item Spacing Issue’ is closed to new replies.