How do I reduce space between title and text (landing page) ? Dawn Theme

[JustInCase-de]

Hello,

I want to find out, how to reduce the spacing between the Title "Our Bestsellers" and the text beneath. 

I had previously asked the same question, but the code provided doesn't work anymore (the code is still present within the theme).

The Text and title should be much closer, to achieve a neater look.

I am using the Dawn theme and this is my store url: justincase-de.com

Kind regards.

[shubhamSharma]

hi  @JustInCase-de 

1. Go to your Store > Theme > click to edit code.
2. find this file "base.css " and open.

step 02:
1. Paste the code at the end of the file.

.isolate .rich-text.content-container .rich-text__text.rte {
    margin-top: 0 !important;
}
.isolate h2.rich-text__heading.rte.h0 {
    line-height: 60px !important;
}

this idea helps you

[amanbatra]

Hello @JustInCase-de 

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[PageFly-Victor]

Hi @JustInCase-de 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>

@media screen and (min-width: 767px){

.section-template--17073459167496__rich_text-padding {

    padding-top: 40px;
}
}

.isolate .rich-text.content-container .rich-text__text.rte {

    margin-top: 0 !important;

}

.isolate h2.rich-text__heading.rte.h0 {

    line-height: 60px !important;

}

</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[JustInCase-de]

Thank you very much.

That worked!

Kind regards,

JustInCase

[JustInCase-de]

 

Sorry, after reviewing the website again, I've seen the code works for the desktop version, but messes up the mobile version.

This is how it currently looks like: 

https://suiyijahiuvcktcj-64572260616.shopifypreview.com/ (I also tried the code provided by you, which gave me the same outcome as seen on picture).

[JustInCase-de]

 

Hello,

thank you for your efforts!

Unfortunately that only worked for the desktop version, but totally messed up the mobile store version (view picture).

I am using the Dawn theme and this is the link to my theme copy, with the code applied: 

https://suiyijahiuvcktcj-64572260616.shopifypreview.com/

[PageFly-Victor]

Please help me to remove old code and add new code to theme.liquid

<style>

@media screen and (min-width: 1024px){

.section-template--17073459167496__rich_text-padding {

padding-top: 40px;
}
}

.isolate .rich-text.content-container .rich-text__text.rte {

margin-top: 0 !important;

}

.isolate h2.rich-text__heading.rte.h0 {

line-height: 60px !important;

}

</style>