space between 2 menu items

[TBS2023]

I am trying to add space between 2 menu items

like this

i was using this code - but suddenly it is no longer working

#shopify-section-sections--25432121672011__header > div.header__wrapper > header > div > div.header__desktop > div.header__desktop__lower > div > nav > hover-disclosure:nth-child(10) > a > span

{
padding-left: 300px !important;
}

please help

my theme is not live yet but using the broadcast theme on www.thebodyshop.se

[Moeed]

Hey @TBS2023 

I don't see these 2 menus on your website, can you first add them?

Best,

Moeed

[BiDeal-Discount]

Hi @TBS2023 

You want the last 2 items menu separate like this, right?

[TBS2023]

yes exactly

[websensepro]

Hi @TBS2023 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

li.site-nav__item.site-nav__expanded-item a.site-nav__link.site-nav__link--underline {
    color: #004236 !important;
}
@media(min-width:990px){
.text-center {
    text-align: left !important;

}
li.site-nav__item.site-nav__expanded-item:nth-child(9) {
    margin-right: 225px !important;
}
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!