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

Solved
RCG
Excursionist
17 0 3

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

0 Likes

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!
 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
RCG
Excursionist
17 0 3

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

0 Likes
RCG
Excursionist
17 0 3

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

0 Likes

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!

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
RCG
Excursionist
17 0 3

@Zeian_Shahzad works thank you!

0 Likes