Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 16, 2016 at 12:54 pm #712874
    HannaVogt

    HI!
    My desktop page looks great and now I try to edit the mobile version. Is it all CSS-based or is there a plugin or spot in the theme where I can do that? What if I want to add a slide show for mobile instead of a video on desktop. Can I add a section that is only visible on mobile/desktop?
    Thanks!
    Best,
    Hanna

    • This topic was modified 8 years ago by HannaVogt.
    November 16, 2016 at 3:34 pm #712940
    Rikard

    Hi Hanna,

    It’s all CSS so there’s no specific place to edit your mobile site. But yes, you can create sections to only show for mobile. Make sure to assign IDs to your Color Sections, then you can use CSS like this to show/hide the correct one for the right screen size:

    @media only screen and (min-width: 768px) {
#section-desktop {
  display:block !important;
}
#section-phone {
  display:none !important;
}
}

@media only screen and (max-width: 767px) {
#section-desktop {
  display:none !important;
}
#section-phone {
  display:block !important;
}
}

    Best regards,
    Rikard

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