How can I adjust "glow with nature" down a bit? Debut Theme

Solved
Highlighted
Excursionist
28 0 8

I was wondering if I can adjust the "glow with nature" on the header down a bit? Maybe manually adjust it until I like the position? Website below

eternalglo.com

Thank you for your time!

0 Likes
Highlighted
Shopify Partner
2307 502 651

This is an accepted solution.

Hey @AcidRain,

Please add the following code at the end of your assets/theme.scss.liquid file

@media only screen and (min-width: 750px){
.mega-title--large { margin-top: 100px; }
}

 

I put 100px for example you can change value as per your need.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Astronaut
1085 178 213

This is an accepted solution.

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:


 

@media (max-width:767px){
    margin-top: 40px;
}

.mega-title{
    margin-top: 20px;
}

 


This code gives you freedom to adjust for multiple devices:

20px = for desktop devices/large screens
40px = for mobile devices/smaller screens

Feel free to change the values to anything that suits your needs.

Kindly let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Excursionist
28 0 8

You guys are awesome!!

0 Likes
Highlighted
Excursionist
28 0 8

@diego_ezfy 

For some reason the smaller screen/mobile numbers don't do anything.  Am I doing something wrong?

0 Likes
Highlighted
Astronaut
1085 178 213

This is an accepted solution.

@AcidRain sorry there was a typo in the code, use this

 

@media (max-width:767px){

.mega-title{

margin-top:40px;

}
}

.mega-title{
margin-top: 20px;
}

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like