Reduce space between the main image and the text ( Homepage - DAWN Theme )

[Thedd]

Hi There,

Can someone help me to reduce the space between the main image and the text?

Thank you in advance.

[suyash1]

@Thedd - please share your website link

[dmwwebartisan]

@Thedd

please Go to Online Store->Theme->Edit code then go to assets/section-image-banner.css ->paste below code at the bottom of the file.

.rich-text--full-width.color-background-1, .rich-text:not(.rich-text--full-width) {
    margin-top: 2rem !important;
}

Thanks!

[Thedd]

@dmwwebartisan

Thank you but it doesn’t work.

@dmwwebartisan & @suyash1

Here’s the link : https://daydreams-store.com/

Password : flowsk

Thank’s.

[suyash1]

@Thedd - please add given css to the end of your base.css file and check

#shopify-section-template--15143761674435__rich_text{margin-top: 0;}

[dmwwebartisan]

@Thedd

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file.

.banner__media.media { top: auto !important;}

[Thedd]

@dmwwebartisan @suyash1

Unfortunately both codes do not work, it does not change anything.

[Kinjaldavra]

hello @Thedd

please Go to Online Store->Theme->Edit code then go to assets/ base.css ->paste below code at the bottom of the file

.banner__media.media { top: 0px !important;}

[Thedd]

@Kinjaldavra

This code works but it breaks my header.

I use this code for the transparent header :

@media screen and (min-width: 1024px) {
.header-wrapper {
position: relative;
}
.gradient {
background: transparent;
}
.banner__media.media {
position: absolute;
top: -100px;
}
.banner::after {
top: -90px;
}
.header__menu-item {
color: #000000;
}
.header__icon svg{
fill: #000000;
}
}

.header-wrapper.color-background-1.gradient{
position: relative;
background: transparent;
}
#shopify-section-template–14167264985197__image_banner .banner__media.media{
position: absolute;
top: -140px;
}
#shopify-section-template–14167264985197__rich_text .rich-text.color-background-1 {
margin-top: -80px;
}
@media screen and (min-width: 750px){
#shopify-section-template–14167264985197__image_banner .banner__box {
position: absolute;
bottom: 120px;
}

Thank’s.

[AnnMarie1]

What if I do not have a banner? I want to reduce the space under my logo and my headings - on each page. I’ve found solutions on here for my products page but i’m hoping there’s a solution to removing extra white space on every page

[dmwwebartisan]

@AnnMarie1

Please share your store URL!

Thanks!

[AnnMarie1]

Never mind I worked it out via another help forum. Now I have the white space issue on mobile phone to fix ugh.

My site is not live yet - because I’m struggling to fix some issues before I go live.

I have not found shopify helpful at all in this regard. Asking me ‘is this what you want to spend your free one hour tech support on? (when it’s clearly a universal problem with their own shopify template) is just wrong.

Dawn is not a ‘ready to go’ template imho. It’s bare bones that needs a bunch of fixes and work arounds.

I’ll end up hiring help elsewhere (not thru them) but I regret choosing this template - Sunk cost fallacy is where I’m at.