Can I make the homepage top banner image full page in Dawn theme?

Store Design
1

Hi all,

Just curious if it’s possible to take the homepage top banner image and make it a full page. So it would need to be stretched to the top of the page. I am just curious what it would look like. right now there is white space at the top of the page and I think it would look great if the image could just stretch to the top of the page.

www.PennsylvaniaParks.org

Thanks so much!

2

Hi @Justin34 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Find theme.liquid file->Search “” and paste below code at the before :
{% if template contains 'index' %}

{% endif %}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
3

Worked perfectly :slightly_smiling_face: Thanks so much!!

Is there any way to make the space above the logo and below the logo in the header a little more narrow? I think the space above the logo and below it is a bit much.

Thanks so much!

4

Hi @Justin34 ,

You can try below code in base.css file:

@media (min-width: 990px) {
.header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
}
1 Like
5

As always… worked like a charm… thanks so much!!

1 Like