Navigation
Archive / Cornerstone: Responsive Background and Hyperlink
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 23, 2017 at 4:02 pm #1342173
    VSteijger
    Participant

    Hello,

    Can someone help me with Cornerstone? I have this background (image on the left, text on the right), and it’s perfectly full screen. When I check on my phone, it’s zoomed in like crazy and doesn’t fit the screen at all. When I tried to add this CSS, it still doesn’t work.

    #x-section-1 {
    background-size: contain;
    }

    How can I make the background responsive? I want to do it this way because adding images and gaps in Cornerstone (for the text on the right) makes it really weird and messy when checking the page on my phone (image on the left overlaps with ‘image with text’ on the right).

    Also, is there a way to add a hyperlink to the background, so it is clickable?

    Thanks!

    January 23, 2017 at 4:08 pm #1342179
    VSteijger
    Participant

    My goal is to have a wide background where my product is on the left, and to have text on the right, including a clickable button (own image button).

    January 23, 2017 at 5:33 pm #1342267
    Jade
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    January 24, 2017 at 2:32 am #1342755
    VSteijger
    Participant
    This reply has been marked as private.
    January 24, 2017 at 2:33 am #1342758
    VSteijger
    Participant
    This reply has been marked as private.
    January 24, 2017 at 4:12 am #1342840
    Thai
    Moderator

    Hi There,

    Please try adding the button element instead of the images:

    http://i.imgur.com/HYiB25a.png

    Let us now how it goes!

    January 24, 2017 at 5:29 am #1342919
    VSteijger
    Participant

    Thanks for the help, but it stays the same. If you’d like to see what the difference is, check the link again.

    I don’t know how to put the button BELOW the text (image). The gap isn’t working, I need at least a 500px to put the button below the text in the background, which also messes with the size of the background for some reason.

    January 24, 2017 at 7:18 am #1343050
    Paul R
    Moderator

    Hi,

    Please add gap element above your button.

    Thanks

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1342173 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>