Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 15, 2017 at 9:17 pm #839581
    JPOsteen

    I currently have the link in my full-width button to open in a lightbox on both desktop and mobile sites. I would like to change the link to open in a new window only when using a mobile device. Is there a short CSS code I could use to accomplish this?

    Thanks in advance.

    August 16, 2017 at 7:51 am #839746
    Rikard

    Hey JPOsteen,

    That is not possible with CSS unfortunately, maybe you could try to duplicate the element and hide the other one for mobile? You can add classes to the elements if you follow this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then you can add something like this to Quick CSS:

    @media only screen and (max-width: 767px) {
.show-for-mobile {
  display:block; 
}
.show-for-desktop {
  display:none;
}
}

@media only screen and (min-width: 768px) {
.show-for-mobile {
  display:none; 
}
.show-for-desktop {
  display:block;
}
}

    Best regards,
    Rikard

    August 16, 2017 at 5:37 pm #840002
    JPOsteen

    @Rikard,
    Thanks! I will give it a try and let you know.

    August 16, 2017 at 10:45 pm #840106
    Nikko

    Hi,

    Sure, just post back in this thread once you tested it. We will keep this thread open :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.