What's your biggest current challenge? Have your say in Community Polls along the right column.

How do I remove padding before and after the logo list?

How do I remove padding before and after the logo list?

sondreskskfsghj
Tourist
41 0 2

Hey, how do i remove the padding before and after the logo list:

sondreskskfsghj_0-1675625046229.png

Store link: https://8c2dd1-3.myshopify.com/ 

 

Replies 5 (5)

Simonsron
Shopify Partner
699 87 122

Simonsron_0-1675650412589.png

This is because your logo is set to a width limit of 160px. If you want to reduce the width on both sides you can increase the width of your logo.

@media only screen and (min-width: 590px){
.logo-bar__item {
    flex: 0 1 200px;
}
}

put that in theme.css

 

 

banned
sondreskskfsghj
Tourist
41 0 2

hey, thanks for the reply, but i meant the top and bottom padding, do you know how i can remove that?

Simonsron
Shopify Partner
699 87 122
#shopify-section-template--17760203178306__f599b6f7-4f07-4f97-b062-940a843a8422{
margin:0 !important;
}
banned
GemPages
Shopify Partner
5625 1262 1254

Hi @sondreskskfsghj ,

 

You could please try adding the below code before </head> tag in the theme.liquid:

<style>
#shopify-section-template--17760203178306__f599b6f7-4f07-4f97-b062-940a843a8422 {
    margin: 20px 0 !important;
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

GemPages
Shopify Partner
5625 1262 1254

Hello @sondreskskfsghj ,

 

It's the GemPages Support Team and we are glad to assist you today!

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675664676753.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
@media only screen and (min-width: 590px){
 .logo-bar__item {
   margin: 0 !important;
 }
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center