Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #712874

    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 7 years, 4 months ago by HannaVogt.
    #712940

    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

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