Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Announcement Bar Issue


Steven_McFarlane

Question

  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

8 answers to this question

Recommended Posts

  • 0

How to turn on the Announcement bar to check? You can use padding-top to move down the page content while the bar displaying

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0

 

6 hours ago, bangank36 said:

How to turn on the Announcement bar to check? You can use padding-top to move down the page content while the bar displaying

Hey! I will turn the announcement bar on to show you what's happening. I will try adding a padding top to the announcement bar with css.

Any help with the code would be great?

Link to comment
  • 0

I tried padding top & bottom but again its just pushing the header of my site over the content below?

I assume its to do with the display settings or positions settings of the header but I am not knowledgeable enough to work out what to change.

Edited by Steven_McFarlane
Link to comment
  • 0
25 minutes ago, Steven_McFarlane said:

I tried padding top & bottom but again its just pushing the header of my site over the content below?

I assume its to do with the display settings or positions settings of the header but I am not knowledgeable enough to work out what to change.

I saw the bar now, will update accordingly

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0
1 minute ago, bangank36 said:

I saw the bar now, will update accordingly

Hey mate!

I think i solved it, can you see my post above and see the site now? Does this make sense? I pushed the page up by 95px as this was the original size of the header and when I changed it to static it moved everything down by 95px.

Link to comment
  • 0
1 minute ago, Steven_McFarlane said:

Hey mate!

I think i solved it, can you see my post above and see the site now? Does this make sense? I pushed the page up by 95px as this was the original size of the header and when I changed it to static it moved everything down by 95px.

Seems correctly, the header is move along with the bar placement, glad you figure it on your own!

image.png.fa04542f328aa96880ba0a8b22c7cacb.png

Greeting, it's BaNgan from 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, Youtube Gallery for Squarespace
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
  • 0
1 hour ago, bangank36 said:

Seems correctly, the header is move along with the bar placement, glad you figure it on your own!

 

Hey! Thanks for your response. I have noticed one more issue which is really annoying! For some reason on my android phone in chrome browser, the header is still overlapping, most other browsers seems to work fine, and tested it elsewhere it looks correct. Is there a reason why this might be & a way to fix it?

This is most noticable on the downloads sections www.stevenmcfarlane.design/downloads

A way to recreate the problem is with firefox inspect content and make it the iphone X version. (some of the other do)

example.jpg

 

edit: I have a temporary fix in place by using the below, but im sure there must be a better way to do this and make the padding at the top similar for all mobile sizes? Im not even sure max-width 500px is a good choice as I am a extreme begginner in css.

 

Quote

 @media only screen and (max-width: 500px) 

#page {margin-top:-75px;}

 

Edited by Steven_McFarlane
more info needed
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...