space between 2 menu items

Topic summary

A user is attempting to add spacing between two specific menu items in their Shopify store header using the Broadcast theme. Their previous CSS code targeting the 10th menu item with padding-left stopped working.

Problem Details:

  • Goal: Separate the last two menu items from the rest of the navigation
  • Site: thebodyshop.se (theme not yet live)
  • Previous CSS selector no longer functioning

Solution Provided:
A community member offered CSS code to be added to theme.css or base.css:

  • Targets the 9th menu item with margin-right: 225px
  • Includes media query for screens 990px and wider
  • Also adjusts text alignment and link colors

Visual Context:
Images were shared showing the desired spacing effect between menu items in the header navigation.

The solution appears to address the issue, though no confirmation of successful implementation was posted.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hey @TBS2023

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

Best,

Moeed