Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 15, 2016 at 2:55 am #614517
    soulmatesanimalsociety

    Hi Everyone,

    I’m trying to get a background set for my landing page, and then put writing and buttons on top – like this: https://endotaspa.com.au/ (whats below the fullscreen slider). I’ve tried to use a Colour Section with a text box but while i can customise the height – so that it shows the entire background image – it’s not responsive, which means that everything goes out of whack the second the screen changes size.

    I don’t want my writing or my buttons to move from the specific locations in the image regardless of screen size (mobile or computer).

    does anyone know how i can do this, or if there’s an easier way that does’t involve a colour section?

    April 16, 2016 at 8:08 am #615353
    Rikard

    Hi soulmatesanimalsociety,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    April 19, 2016 at 9:49 am #617253
    soulmatesanimalsociety

    Hi Rikard – sorry for the slow reply, internet crapped out on me! — i have put the link to my webpage in private content with some more info.

    April 22, 2016 at 5:49 am #619509
    Ismael

    Hey!

    We checked the page and it is responsive. The only issue I noticed is the content container of the masonry element covers the image. Add this in the Quick CSS field to fix it:

    @media only screen and (max-width: 767px) {
.av-inner-masonry-sizer {
    padding-bottom: 150% !important;
}
}

    Cheers!
    Ismael

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