Reply 355092 to: Mega menu space around the items and items background

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
May 2, 2023 at 08:27

Hello, @creativesite,

1. We kindly request that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes.

The result should look like the image provided: https://postimg.cc/Z9QKsr1K

.nav-sublist-dropdown ul li {
    margin-bottom: 0px !important;
    padding-bottom: 15px !important;
}

2. To set the background on hover of the items, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes:

.item-design-mega-menu.columns-2 .nav-sublist-dropdown .container>ul>li:hover {
background-color: green !important;
}
.item-design-mega-menu.columns-2 .nav-sublist-dropdown .container>ul>li:hover a {
color: #fff !important;
}

We thank you for your cooperation and remain at your disposal.

Best Regards,
8Theme’s Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.