Jump to content

Remove banner and title on specific pages – Alex & Sonny theme (Marquee)

Recommended Posts

Site URL: https://www.wondersmithaudio.com/stmarys

Hi everyone!

I'm using the Alex & Sonny theme, which I believe is part of the Marquee group of themes.

I want to hide the banner image and title just on this page: https://www.wondersmithaudio.com/stmarys

Just to be clear, I want to hide the entire banner/title wrapper so that the main page content bumps up to the top, just below the navigation.

Any help is much appreciated – thanks!

-Jeremy

Edited by shorterthanmiles
Link to comment
20 minutes ago, izzyswebsite said:
#collection-62efe52327081e7c4476ff46 {

.title-desc-wrapper .no-main-image .no-description {

     dispay: none;
}

}

Try the above code.

Thanks for responding! I copied that code snippet and pasted it into the 'Custom CSS' area under 'Design' (screenshot attached).

Unfortunately, it didn't seem to have the desired effect. Is that the correct the implementation, or did I do something wrong?

Screen Shot 2022-09-02 at 6.41.46 PM.png

Link to comment
12 hours ago, shorterthanmiles said:

Unfortunately, it didn't seem to have the desired effect.

It should look like this:

#collection-62efe52327081e7c4476ff46 .title-desc-wrapper.no-main-image.no-description {
  display: none;
}

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
On 9/3/2022 at 5:43 AM, shorterthanmiles said:

Thanks for responding! I copied that code snippet and pasted it into the 'Custom CSS' area under 'Design' (screenshot attached).

Unfortunately, it didn't seem to have the desired effect. Is that the correct the implementation, or did I do something wrong?

Screen Shot 2022-09-02 at 6.41.46 PM.png

Use this code

body#collection-62efe52327081e7c4476ff46 div#banner-wrapper {
    display: none !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 9/4/2022 at 3:45 PM, tuanphan said:

Use this code

body#collection-62efe52327081e7c4476ff46 div#banner-wrapper {
    display: none !important;
}

 

Use this new code

body#collection-62efe52327081e7c4476ff46 div#banner-wrapper {
    visibility: hidden;
    height: 50px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thanks! I really appreciate.

That new code worked, but unfortunately only at larger screen sizes. On smaller screen sizes, the text at the top is still hidden.

Larger: https://share.getcloudapp.com/7KukRKwe

Smaller: https://share.getcloudapp.com/5zuPyzRP

Any fix for this?

On 9/6/2022 at 9:46 AM, tuanphan said:

Use this new code

body#collection-62efe52327081e7c4476ff46 div#banner-wrapper {
    visibility: hidden;
    height: 50px;
}

 

 

Link to comment
17 hours ago, shorterthanmiles said:

Thanks! I really appreciate.

That new code worked, but unfortunately only at larger screen sizes. On smaller screen sizes, the text at the top is still hidden.

Larger: https://share.getcloudapp.com/7KukRKwe

Smaller: https://share.getcloudapp.com/5zuPyzRP

Any fix for this?

 

Try some code like this

body#collection-62efe52327081e7c4476ff46 div#banner-wrapper {
    visibility: hidden;
    height: 50px;
}
@media screen and (max-width:900px) {
body#collection-62efe52327081e7c4476ff46 div#banner-wrapper {
    height: 150px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.