Seperate scrolling block on desktop – mobile

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

#1. First, add 2 Scrolling Blocks

#2. Use this tool to find ID of 2 Blocks

#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;
}
}