Move site tagline and logo up and stop it from disappearing upon scroll

@megan.bares: I haven’t been able to replicate the behaviour you described on my own test site and, as you’ve mentioned some styling changes you’ve already made, will need to look at your site’s CSS in order to help further. Can you please share the link to your site in your next reply?

Thanks!

Sure, it’s https://www.815catholic.com

Hi @megan.bares,

Thank you for sharing the link to your site! The behaviour you’re referring to is actually the theme’s default design: All sections (including the top section with the logo and tagline) will disappear and be replaced by the next section upon scroll.

You could prevent the disappearing the effect with some custom CSS:

#slide-1 .hsContent.skrollable.skrollable-between, #slide-1 .hsContent.skrollable.skrollable-after {
    opacity: 1 !important;
}

(The user of !important is not best practise but necessary here in order to override some inline styling.)

You could then move the logo further up the page by adjusting the value of padding-top in the following custom CSS:

#para-template #slide-1 .hsContent #header-branding {
    padding-top: 5%;
}

Let me know how you get on with that and if the above snippets help you to achieve what you’re after.

nailed it! thanks!

You’re welcome!