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!
You can disable sticky header of your store from Online store > Theme > Customize > Header > Sticky header > None
Refresh Theme only provides hard-coded height options for the banner section. The best you could do is set “banner height” to “large” and hope it covers the screen on most devices.
Otherwise, you would need to add some custom code to the theme to allow the banner to take up the full screen height.
@Justin34 - only on home page or other pages too?
Just homepage. I want my main image on homepage to take up full screen when a visitor visits my site. If possible that is.
@Justin34 - look like that you are using dawn theme and it does not have unique class or id for the home page, if it had that we can make it like this
but for now code editing is needed to add unique class or id to home page
How hard and complicated is that?? Sounds difficult lol. I’m really bad at this design stuff.
@Justin34 - this will need little coding and few css settings, this is not very difficult but I doubt if anyone does it for free… if all code is done perfectly then should be done in half hour