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 {
  width:10vw;
  z-index: 10;
  position: fixed;
  top:32%;
  right: 6%;
  bottom: 1%;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #block-yui_3_17_2_1_1674080794048_5699{
    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.