Padding between sub menu items in mobile

Resolved brandmadeconsult
(@brandmadeconsult)

5 years, 1 month ago

The padding between my mobile menu- sub menu items is wide. I want to reduce the gap between the elements. The padding is currently set to 0, but when I cam adding negative padding to top or bottom, the left padding is getting overridden. Please suggest a way to reduce gap between sub menu items withiout reducing the leftt padding.

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

Viewing 11 replies - 1 through 11 (of 11 total)

benjirahmed
(@benjirahmed)

5 years, 1 month ago

Hello @brandmadeconsult ,

Currently I am checking the issue. Please wait and I will get back to you as soon as I have more information.

Regards,
Benjir

benjirahmed
(@benjirahmed)

5 years, 1 month ago

Hey @brandmadeconsult ,

Please follow this screenshot and hopefully your padding problem will be solved on submenu (screenshot)

Regards,
Benjir

Thread Starter brandmadeconsult
(@brandmadeconsult)

5 years, 1 month ago

HI, it has not done anything to space between the sub menu items.
benjirahmed
(@benjirahmed)

5 years, 1 month ago
Hi @brandmadeconsult ,

Please add this below CSS code in Appearance → Customize → Additional CSS and hopefully your problem will be solved.
```
@media (max-width: 1024px){
.elementskit-navbar-nav .elementskit-submenu-panel>li>a {
    padding: 7px 7px 7px 15px !important;
}
}
```
Please clear cache after updating the code as you are using caching plugin.

Regards,
Benjir
Thread Starter brandmadeconsult
(@brandmadeconsult)

5 years, 1 month ago

Thanks it worked. The active sub menu item has a strange overlay. How to get rid of that?

Thread Starter brandmadeconsult
(@brandmadeconsult)

5 years, 1 month ago

Also how do I remove the extra padding between my mobile menu logo and first menu item. Adding negative bottom-margin to the logo is not helping.
benjirahmed
(@benjirahmed)

5 years, 1 month ago
Hey @brandmadeconsult ,

1) I am not clear about your query about “The active sub menu item has a strange overlay”. Please give me related screenshots to understand it properly.

2) To remove the extra padding after mobile menu logo please add this below CSS code in Appearance → Customize → Additional CSS
```
@media (max-width: 1024px)
.elementskit-nav-identity-panel {
    padding-bottom: 0;
}
```
Regards,
Benjir
Thread Starter brandmadeconsult
(@brandmadeconsult)

5 years, 1 month ago

Pls refer this screenshot for the overlay:

https://prnt.sc/1010qf9
benjirahmed
(@benjirahmed)

5 years, 1 month ago
Hi @brandmadeconsult ,

To change active submenu background color please follow this screenshot.

Regards,
Benjir
- This reply was modified 5 years, 1 month ago by benjirahmed.
Thread Starter brandmadeconsult
(@brandmadeconsult)

5 years, 1 month ago

Thanks it worked!

benjirahmed
(@benjirahmed)

5 years, 1 month ago

Glad to hear that 🙂

If this plugin looks good to you, may be you can help us by giving a 5 star on wordpress.org?

– https://wordpress.org/support/plugin/elementskit-lite/reviews

We’re working so hard to make this plugin more and more useful to our valuable user like you and a 5 star will really help us to grow on the market. 🙂

Best Regards,
Benjir

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Padding between sub menu items in mobile’ is closed to new replies.