Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • #170472

    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 ?

    #170888

    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,
    Yigit

    #171464
    This reply has been marked as private.
    #171607

    Hey!

    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,
    Yigit

    #171616
    This reply has been marked as private.
    #171678

    Hi!

    Where exactly would like to have this effect?

    Regards,
    Yigit

    #171696
    This reply has been marked as private.
    #171712
    This reply has been marked as private.
    #171808

    Hey!

    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,
    Yigit

    #171810
    This reply has been marked as private.
    #171814

    Hello!

    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!
    Yigit

    #171872
    This reply has been marked as private.
    #171957

    Hey!

    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,
    Yigit

    #172015
    This reply has been marked as private.
    #172018
    This reply has been marked as private.
    #172030
    This reply has been marked as private.
    #172043

    Glad it’s working for you, let us know if you have any more questions or issues :)

    Regards,
    
Josue

    #172306
    This reply has been marked as private.
    #172361
    This reply has been marked as private.
    #172959

    Hi!

    A lot of Enfold users have this plugin: http://wordpress.org/plugins/wordpress-seo/

    Cheers!
    Ismael

    #174385

    hello everybody.

    good job once again, and great support as well.
    could you help on this:

    http://www.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

    #174985

    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!
    Peter

    #176073

    hi 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

    #176628

    Hey!

    I don’t understand quite what you are asking. What code/file are you trying to prevent from being cached?

    Best regards,
    Devin

    #176637

    oh 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 ?

    #176652

    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.

    #181073

    hey dream team!

    anyway i could have just a specific layer animation looped without looping the whole slide in the advanced layerslider ?? any trick?? let’s say i wanted a lens flare layer to go up and down in a loop but without the whole slide animation going on again ??

    thx for your input

Viewing 27 posts - 1 through 27 (of 27 total)

The topic ‘mobile navigation’ is closed to new replies.