Refresh Theme - Making Main Image Banner full screen

Store Design
1

Hi all. How would I go about making my main image banner full screen? Like when you visit my website, I want to see the top navigation, logo, etc in the same spot but I want my image banner to be full screen. I hope that makes sense. I dont want to see white at the top of my website. No idea how that will look on my site but id love to find out. My website is www.PennsylvaniaParks.org. Thanks in advance friends!

1 Like
2

@Justin34

Try this. In your theme.liquid file in your layouts folder add this style code and condition right after the closing tag:

{% if template.name == 'index' %}
  
  {% endif %}

Thanks!

3

Thats almost perfect :grinning_face_with_smiling_eyes: I added a announcement banner. But now the announcement banner covers part of the logo. Is there anyway to make the logo fall below the announcement banner? If not, no biggie. I can just remove it. Thanks so much in advance :slightly_smiling_face:

4

@Justin34

Please remove the announcement bar.

If helpful then please Like and Accept Solution

Thanks!

1 Like
5

Done :slightly_smiling_face: Thank you so much!