Jump to content

How to remove a header from a mobile phone view?

Recommended Posts

  • Replies 10
  • Views 817
  • Created
  • Last Reply
35 minutes ago, Sladey16 said:

Hi, 

I have added code to my website to remove the banner from certain pages, however, on the MOBILE view, the original block color banner still remains on the page.

Any suggestions on how to remove the MOBILE view banner from pages?

Thank you!

What is site url

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
2 minutes ago, Sladey16 said:

dinosandyoung.squarespace.com

passsword: dinosandyoung2021

pls show the banner you want to remove

image.png.aaabbfe51f0bbb9334efa6d400498907.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
3 minutes ago, Sladey16 said:

banner on the ABOUT US PAGE (BLUE BLOCK AT TOP OF MOBILE VIEW)

@media only screen and (max-width: 768px) {
      .page-banner-wrapper {
        display: none;
      }
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 minute ago, Sladey16 said:

Hi. This did not work...

did you add it into custom css

image.png.06bf108fb19c49372bf4be71e5ccb806.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 weeks later...
On 3/8/2021 at 11:47 AM, Sladey16 said:

Hi. This did not work...

Do you still need help?

If it still doesn't work, try add this to Settings > Advanced > Code Injection > Header

<style>
  @media only screen and (max-width: 768px) {
      .page-banner-wrapper {
        display: none !important;
      }
}
</style>

 

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
  • 1 month later...

Hi.

The banner photographs still seem to be loading incorrectly in that the banner photo does not appear to load on the “About Us” or News & Publications pages unless you refresh the page (which noone visiting the site would know to do).

Can you help?

Link to comment
On 5/2/2021 at 8:57 PM, Sladey16 said:

Hi.

The banner photographs still seem to be loading incorrectly in that the banner photo does not appear to load on the “About Us” or News & Publications pages unless you refresh the page (which noone visiting the site would know to do).

Can you help?

Try Design > Site Styles > Disable Ajax Loading

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.