How can i make my pages content a little bit far away from the menu bar?

Store Design
1

So my problem is that my pages content is too close to the menu bar like shown in the screenshots

Madara Fleece Pullover – Animo Wrld - Google Chrome 9_14_2021 11_47_46 AM.png
Madara Fleece Pullover – Animo Wrld - Google Chrome 9_14_2021 11_47_46 AM.png1600×860 175 KB

Madara Fleece Pullover – Animo Wrld - Google Chrome 9_14_2021 11_47_58 AM.png
Madara Fleece Pullover – Animo Wrld - Google Chrome 9_14_2021 11_47_58 AM.png1600×860 89.4 KB

I want every text in the pages to be a little bit far away from the menu bar. THANKS!

Store Link:

https://www.animowrld.com/

Store Password:

123456

1 Like
2

hii, @ahmedvall
paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
main#MainContent {
    margin-top: 20px !important;
}
}

Thank You.

1 Like
3

@ahmedvall

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.main-content {padding-top: 65px !important;}
}

@media only screen and (min-width: 750px){
.main-content {padding-top: 75px !important;}
}

Hope this works.