Archived topic
Elements different header background image on mobile
3 replies · Started by Damiaan van Vliet on November 26, 2018
Hi great team,
I have a Header element with a shortcode of a slider in it.
On mobile I want a different size of the images of the slider.
Is it possible to create a second Header element which only is active on mobile?
Thanks!
Oh when you want to see the site please see: dutch clogs site
Hi there,
you can't have two header elements on the same page.
You can however add two shortcodes to the same header and hide one or the other respectively.
Does the Slider plugin allow you to add CSS Classes to it?
If so these are built into GP:
hide-on-desktop
hide-on-tablet
hide-on-mobile
Just add the first two to the mobile one, and the last one to the desktop one
Great David! Your answer helped me.
I created a second slideshow (Soliloquy slider - free version). I placed the shortcode in the Header element.
For some reason the classes which I entered at the slider did not come through but I could use other CSS classes to show the right slider.
Thanks a lot!
Awesome, glad to be of help :)
