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;
}

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.