Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 15, 2017 at 3:20 pm #761447
    vaibhavbhutoria

    Hi,

    I have used an image as a background in a colour section and a sign up form on top of that. When I look at it on my mobile right now – the form covers the entire background image. Is there a way to make the background appear as a section first and have the form under it in the mobile view? I can only see the option of hiding the form or displaying it..is it possible to change the placement?

    Link – http://penguinup.staging.wpengine.com/en/ (hosted on WPengine)

    Thanks in advance!

    March 17, 2017 at 5:32 am #762322
    Rikard

    Hey vaibhavbhutoria,

    That won’t be possible unfortunately but you could create new sections to only show on mobile. If you assign them an ID in the element options you can then use CSS like this to hide/show the correct sections:

    @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.