Condensed top navigation menu (Brooklyn theme)

New Member
6 0 0



My store uses the Brooklyn theme.


My top navigation menu options have been condensed without any spacing between navigation options.  Without some spacing between the menu options, it looks like one big single menu option.  (My Shopify site here)


For example, instead of looking like; "HOME           CATALOG            ABOUT US            FAQ            ICONS"

It looks like "HOME CATALOG ABOUT US FAQ ICONS", please see screen image below.


Annotation 2019-12-02 203543.jpg


Any help regarding how to space out the menu options would be greatly appreciated.


EXTRA: It would also be nice to have the currency converter on the same line as the menu, to the right of the cart icon.  I suspect this is seperate issue however, I use the 'BEST Currency Converter' app which I really like.


Thanks guys, Cheers Matt



Hello ,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

#AccessibleNav {
	float: left;
	width: 80%;
text-align: center; } .site-nav__link { padding: 10px; } .doubly-nice-select.currency-switcher.right.slim { margin-top: 16px; }


Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
New Member
6 0 0

Thanks mate, you're a legend!!!  Worked perfectly. :)