I have two layers on my homepage slider, one, a little write up on the left and, two, a form to the right. When I hit the breakpoint of 799px, for example, I want the two layers to stack on top of each other, and be centered.
Is there an easy way to make this happen using built-in settings?
If not, how would I make it happen with CSS. Ideally, I'd like to have the divs centered with margin: 0 auto; but I can't seem to target the parent div.
I added a custom attribute to target the parent with a class or id but when i refresh the page and do a page source search it doesn't show up, so my attempts to center it with my css are failing.
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet). This new feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device.
Additionally to the device specific layers, you could also build two sliders with different sizes or with different content for dekstop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.
Hi there,
I have two layers on my homepage slider, one, a little write up on the left and, two, a form to the right. When I hit the breakpoint of 799px, for example, I want the two layers to stack on top of each other, and be centered.
Is there an easy way to make this happen using built-in settings?
If not, how would I make it happen with CSS. Ideally, I'd like to have the divs centered with margin: 0 auto; but I can't seem to target the parent div.
I added a custom attribute to target the parent with a class or id but when i refresh the page and do a page source search it doesn't show up, so my attempts to center it with my css are failing.
Thank you for your help.
Sincerely,
James
Hello James,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Since version 6 you have the option to display layers only on certain devices (desktop, mobile, tablet).
This new feature gives you the option to create separate layers and layouts for mobile and desktop view in the same slide, and only show them on the required device.
Additionally to the device specific layers, you could also build two sliders with different sizes or with different content for dekstop/mobile, include them both to the site, and only display them (using the Hide over and Hide under options) on the required device.