[Share] Seperate scrolling block on desktop – mobile

To create a separate scrolling block on desktop, mobile, you can follow these.

#1. First, add 2 Scrolling Blocks

#2. Next, find ID of 2 Scrolling Blocks

In my example, we have: 

#3. Use this code to Website Tools > Custom CSS to

• show top Scrolling Block on Desktop
• show second Scrolling Block on Mobile

/* Hide top scroll block on Mobile - Show on Desktop Only */
@media screen and (max-width:767px) {
  #block-yui_3_17_2_1_1724123780363_13893 {
 	 display: none;
  }
}
/* Hide second scroll block on Desktop - Show on Mobile Only */
@media screen and (min-width:768px) {
  #block-yui_3_17_2_1_1724123780363_14330 {
 	 display: none;
  }
}