-
Posts
-
Dear Enfold team
First – thanks for a great framework to work with!
I would like to hide a slideshow/slider that is on the frontpage of a website i’m about to make. It looks silly when it is veiwed in responsive mode on mobile phones – it gets too small. But instead I would like to display another one on mobiles, that fits in size – but that one should not be visible when viewed on a tablet or computer.
How can I do that? I have seen an answer in the forum here, were the code refers to the default css tag given to a slider – but since I now have two sliders (that have the same default tag) – how do I do that?
Perhaps it is a feature to add to a later version of Enfold?
In advance, thanks :)
Kind regards, David
–Hey davidchristensen,
We would need to inspect the elements in order to give you the correct code, could you link to the site please? We might need an admin login as well. Read more about CSS media queries here: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Regards,
RikardHi Rikard
The site is dev.moroccanhammam.dk
It is all about the first slider on the top of the frontpage. I would like to replace it with a simular one, but with different dimensions when viewed on a smartphone, so it fits better.
I think I have seen how to hide it using this tip: https://kriesi.at/support/topic/disable-slider-for-mobile-size-responsive-theme/?login_error
But I’m not sure how to hide an element when showed on computers and laptops – or – how to display it. I was thinking, that you maybe have had this question many times before and therefore have some awsome pice of code laying around :)
I hope it makes sense :)
Hey!
You can refer to my post here – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263 to display different elements on desktop and mobile.
Regards,
Yigit
- You must be logged in to reply to this topic.