Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 11, 2016 at 12:08 pm #581558
    LenaAson

    Hi
    Is it possible to have a different image on a desktop page/mobile page?
    Example:
    Desktop: contact page… laying.jpg
    Mobile: contact page…standing.jpg

    thanks
    /lena

    February 12, 2016 at 6:06 am #582034
    Rikard

    Hi LenaAson,

    Could you provide us with a link to the site in question so that we can take a closer look please? Also please try to explain a bit further what image you are referring to.

    Thanks,
    Rikard

    February 12, 2016 at 10:35 am #582133
    LenaAson

    private

    February 13, 2016 at 11:49 am #582679
    Vinay

    Hi!

    To switch image in mobile please enable custom class support
    http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then add these class to the images you want to switch.

    /*show hide */
.show-in-mobile {  
    display: none;    
}	
@media only screen and (max-width: 768px) {
	.hide-in-mobile {  
	    display: none!important;    
	}
	.show-in-mobile {  
	    display: block!important;    
	}	
}

    I would suggest using Advance Layout builder and add text instead of images so it will be more readable and responsive on all devices.

    Regards,
    Vinay Kashyap

    February 13, 2016 at 3:16 pm #582731
    LenaAson

    Hi!
    It didnt work, but i tried this:

    @media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

    Now its working like a charm!

    Thanks

    /lena

    • This reply was modified 8 years, 11 months ago by LenaAson.
    February 14, 2016 at 1:23 am #582809
    Vinay

    Hey!

    Glad you got it sorted! Please feel free to get in touch with us if you have any questions.

    Thank you for using Enfold :)

    Regards,
    Vinay Kashyap

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Different image desktop/mobile page’ is closed to new replies.