-
Posts
-
Hi
Really good job with the theme
I would like to know if there is a way i could take advantage of the mobile detection function to go ahead and load a different layerslider on a certain page, because i still want it to be responsive (unfortunatly meaning can’t zoom in) but it have over 27 items menu and on a small screen it’s really small.
see by your self: http://lesalimentskabeya.com/?page_id=1176
so is there a way i could load a different layerslider that i would have build especially with bigger button for small screens ?
Hello stevemulisa!
Here is what you can do, you can add 2 LayerSliders in that certain page. 1 for big screens and 1 for small screens. You can post the link after you add both sliders to your page and we can give you CSS code to display/hide them in certain screen sizes.
Best regards,
YigitHey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (min-width: 768px) { #layer_slider_2 { display: none!important; } } @media only screen and (max-width: 767px) { #layer_slider_1 { display: none!important; } }I had no problems inserting 2 layersliders one after another. You can try removing ruler after adding this code
Regards,
YigitHey!
1) Please add following code to Quick CSS in Enfold theme options under Styling tab
.team-img-container:hover .team-social { display: none; } .team-img-container img { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all 0.8s ease; } .team-img-container img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; }2) I see that you deleted second LayerSlider, that why it does not appear.
Regards,
YigitHello!
Please change the first code with this one then. I was not aware that it was only for that page. But this should fix it
@media only screen and (min-width: 768px) { .page-id-1176 #layer_slider_2 { display: none!important; } } @media only screen and (max-width: 767px) { .page-id-1176 #layer_slider_1 { display: none!important; } }Cheers!
YigitHey!
You are welcome, glad we could help :)
Well i cannot promise that it would be cross browser, it is just an easy way to do it. Your way needs more customization.
You can revert it with following code.team-img-container img { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; } .team-img-container img:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all 0.8s ease; }Best regards,
YigitHi!
A lot of Enfold users have this plugin: http://wordpress.org/plugins/wordpress-seo/
Cheers!
Ismaelhello everybody.
good job once again, and great support as well.
could you help on this:
https://kriesi.at/support/topic/make-content-elements-appear-in-the-layerslider-wp/tried to follow the instructions, but it still doesn’t work for me
could you explain what you mean by “enclose in a single DIV” (they are a lot of divs already inside the code).
can i get a real working exemple pleaseee !thx verymuch
Hi!
Personally I’d recommend to use a shortcode instead of html code because you can edit/replace it easier. Generate the progress bar shortcode on a post editor page (you can use the magic wand icon to generate shortcodes) and then copy/paste the icon into the “Custom HTML content” field of your LayerSlider slide. Afterwards save the slide and the progress bar should appear on your website. The slider preview will not show the shortcode properly though because it just shows the text of the shortcode. Note that the shortcode is not responsive if you use it within the LayerSlider and I recommend to add it to the center of the slide to avoid display errors for users with smaller screens.
Cheers!
Peterhi there!
any idea of how i can do so that when i do update on my website, the updated version of it can be presented to the broswer requesting it instead of the cached version?
anyway to bypass caching, or put some code in metatag that prevent it from being chached… because i don’t want to change the folder name everytime i do an update to get the browser request a fresh page !thx
Hey!
I don’t understand quite what you are asking. What code/file are you trying to prevent from being cached?
Best regards,
Devinoh what i meant is when we do an update on the website, if right after my friend oversea tries to view the page is he going to keep seeing the cached page from his computer for days, does he need to do a refresh from the browser, is there a plugin or a code to virtually change the link of a page so that when it’s updated , it get requested from the server rather than having the same copy of the cached file !!. because when i do a change i have to refresh,,, but if someone don’t know there have been a change, he might just launch the page and keep seeing outdated information for days up until the cache times exprires depending on browsers!! am i correct ?
I don’t know of any plugins that can automate that no. You could use a caching plugin to cache all your page data and then clear the cache when you’ve made an update but other than that there isn’t anything from within the theme to assist.
- The topic ‘mobile navigation’ is closed to new replies.