Jump to content

Only show an element on two section, but hide for the rest (tricky one!)

Recommended Posts

Hey guys! I have added in a rotating logo into the home page (1st section) as you can see, I really only want it to show until it hits section [data-section-id="63c34a24835aab7f4dbded6a"] (third section down)  and not show again for the entire page.

Is there a way I can target my CSS for this rotating image?


Here is the css for the rotation(Who I kindly got from https://www.youtube.com/watch?v=_s3Po1IJm8Q


#block-yui_3_17_2_1_1674080794048_5699 {
  z-index: 10;
  position: fixed;
  right: 6%;
  bottom: 1%;
  padding: 0;

@media only screen and (max-width: 768px) {
    display:none !important;


thank you! 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

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.