Jump to content

How to remove a header from a mobile phone view?

Recommended Posts

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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;
      }
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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

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

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.