Solved

2-fold question: Need to reduce header type size in "logo list" and reduce spacing below header

RCG
Excursionist
22 0 9

Hi Everyone,

Please check the image, what I want to do is reduce the size of the type in the logo list to better match the size of the navigation type, and also I want to move it closer to the nav bar as shown. I imagine i need to reduce the spacing just underneath the header?

The site address is rosecoloredgaming.com if you want to check it out.

Thanks!

 

 

type_size_reduction.jpg

Accepted Solutions (2)

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

Hi @RCG
Add this code at the bottom of your theme.scss file. 
If you want to reduce more, change padding-top: 20px to 10px or 15px

#shopify-section-1627930444860775a5 h2 {
    font-size: 17px;
    line-height: 26px;
    color: #25282b;
}

.main-content {
    padding-top: 20px !important;
}

.site-nav {
    margin-bottom: 0px !important;
}

 

Do let me know if it works for you.

Thank You!
 

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142

View solution in original post

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

@RCG,

Increase the 100px to a Higher number to increase the size, reduce to decrease the Size.

.logo-bar__item {
    max-width: 100px !important;
}

 

Good Luck!

 

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142

View solution in original post

Replies 5 (5)

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

Hi @RCG
Add this code at the bottom of your theme.scss file. 
If you want to reduce more, change padding-top: 20px to 10px or 15px

#shopify-section-1627930444860775a5 h2 {
    font-size: 17px;
    line-height: 26px;
    color: #25282b;
}

.main-content {
    padding-top: 20px !important;
}

.site-nav {
    margin-bottom: 0px !important;
}

 

Do let me know if it works for you.

Thank You!
 

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142
RCG
Excursionist
22 0 9

@Muhammad_Ali_S Thank you this worked great. I reduced down to 10px it looks perfect now and is aligned how I wanted it.

RCG
Excursionist
22 0 9

@Muhammad_Ali_S one more thing, how about reducing the size of the logos in the logo list a little bit?

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

@RCG,

Increase the 100px to a Higher number to increase the size, reduce to decrease the Size.

.logo-bar__item {
    max-width: 100px !important;
}

 

Good Luck!

 

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142
RCG
Excursionist
22 0 9

@Muhammad_Ali_S works thank you!