how to decrease padding between logo and navigation menu - brooklyn theme

222 0 39

i have highlighted the area in red where i would like to decrease the padding 


site url is

password is godgod24


red highlight where to decrease paddingred highlight where to decrease padding

Replies 2 (2)
Shopify Partner
31248 3119 10471


yes, please upload code

@media only screen and (min-width: 768px) {
.site-header__logo {
    padding: 30px 0 10px;
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Partner | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shopify Partner
3034 696 566

Hi @7kingodmsla ,


You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.css->paste below code at the bottom of the file:


@media only screen and (min-width: 768px){
  .site-header__logo {
     padding: 30px 0 25px !important;


If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

AVADA - Top Rated App for Email, SMS, Popups

Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE