Hello Team,
I am using your theme on my news website and facing a persistent issue with the homepage slider / Flex Block setup.
Problem description:
I am using Flex Block / Big Grid on the homepage.
I want the slider to be visible on desktop only, and hidden on mobile.
However, I am unable to find any clear or consistent option to:
Disable slider on mobile
Control Flex Block visibility per device
Even after turning Flex Block 1 OFF, there is no visible change, which makes it confusing to understand which container (Row / Column / Block) is actually controlling the output.
What I have already tried:
Turning Flex Block ON/OFF
Checking Row, Column, Layout, Style, Filter, and CSS tabs
Searching for “Hide on mobile”, “Responsive”, or “Device visibility” options
Clearing cache and hard refreshing
But the behavior remains the same.
My questions:
Which element actually controls the slider output — Row, Column, or Flex Block?
What is the recommended way to:
Show slider on desktop
Hide it completely on mobile
Is there a built-in responsive option, or should this be done via custom CSS?
If CSS is required, can you please share the correct class or selector used by the Flex Block / Big Grid slider?
I would really appreciate a step-by-step explanation, as this is a homepage critical section and affects both UX and PageSpeed performance.
Thank you in advance for your support.
Best regards,
Sankar Chakraborty
NewsBazar24
Website: https://newsbazar24.com
Hi,
Using the tagDiv Composer, you can hide/show any element per viewport inpart. Each element has the CSS tab from where you can choose the display you want for the element on the selected viewport https://prnt.sc/d4qJCm4EefFC
Thank you!
