how to add padding on headline logos

LilysCreative
New Member
8 0 0

Hi, I need to add some padding between the email field and my logo, as shown in the below picture:

174206815_3857323110987940_4120945374398127355_n.png

Can anyone help me do this?

 

Thanks!

0 Likes
Pallavi
Shopify Expert
1269 174 209

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
g33kgirl
Shopify Partner
211 51 64

Please only make changes to code file if you're comfortable with it.

You can make the changes in your CSS file by navigating to Themes -> Edit Code -> Assets -> themes.css.liquid (or whatever the name of the css file is in your theme). Scroll to the end of the file and add this code:

body:not(.template-index) .main-content {
    padding-top: 200px;
}

@media screen and (min-width: 769px) {
      body:not(.template-index) .main-content {
          padding-top: 200px; 
      }
 }
If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Pallavi
Shopify Expert
1269 174 209

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

body:not(.template-index) .main-content {
padding-top: 145px!important;
}

@media screen and (min-width: 769px) {
body:not(.template-index) .main-content {
padding-top: 150px!important;
}
}

Screenshot :- https://prnt.sc/11qck9a

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes