Solved: Reducing the size of the Sticky Wrapper?

YCWT52 · ‎06-03-2018

I recently created a Splash page for my website, and using this coding on my splash page I was able to hide the nav bar;

However, since the nav bar is not visible the gap of space before the first lines of information on my splash page is too big. After doing some searching, I discovered you could reduce this space, but the coding I am using isn't working. I tried several things, but nothing worked. This is the last code that I tried;

Does anyone know what I can use or code to fix this?

Thank you,

Very Novice Coder

Adam7 · ‎06-03-2018

Try this instead:

<style>
    .sticky-wrapper { display: none !important;; }
</style>

View Best Answer >

Adam7 · ‎06-03-2018

What is the address of your site, @YCWT52? It shouldn't be too had to remove the extra height.

YCWT52 · ‎06-03-2018

Thank you Adam.

It is www.WhynotPromoShop.com

Thanks,

Tanya

Adam7 · ‎06-03-2018

Try this instead:

<style>
    .sticky-wrapper { display: none !important;; }
</style>

YCWT52 · ‎06-04-2018

Super, thank you Adam. That completely worked!

A question for you...

I noticed (even beforehand with having the header not displayed on the splash page) that when you load the site in a new browser, for just a split second the nav bar at the top flashes and then quickly disappears. Is there something that I should add into the code, or code separately to have it not flash at all?

Here is the coding that is on the splash page now, which works great, however if I can eliminate the quick flash of header info when the website is pulled up, that would be even better. Thanks.

Adam7 · ‎06-04-2018

I think this is because that theme is applying some styles via Javascript on pageload. It might be kind of hard to get it to quit doing that. It might be simpler to switch to a similar theme and change the code you're including to hide it.

YCWT52 · ‎06-04-2018

Okay, got it.

Thanks again. You were a huge help.

Adam7 · ‎06-05-2018

No problem!