Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 12, 2015 at 4:37 am #534542
    dawsmik

    http://www.realcoinc.com/test-page/

    Please look at this page. If you take your browser window and drag it from the top down and make it narrow the text of the image overlaps the title bar text. How can I make the image static so that no matter what size the window is, the distance from the text to the title bar remains constant?

    • This topic was modified 9 years ago by dawsmik.
    November 12, 2015 at 2:32 pm #534759
    Rikard

    Hi dawsmik,

    The only thing I could see not being responsive on that page was the header in the image, could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    November 12, 2015 at 4:51 pm #534888
    dawsmik

    Enfold overlap issue

    Here is how you can recreate the issue:

    open up the link above,

    then make your browser window narrow by dragging the top of the window down.

    I need to know how to make the picture static so that the distance between the text and the top bar remains constant no matter what size the browser window is.

    November 13, 2015 at 6:29 am #535238
    Rikard

    Hi,

    I couldn’t get a result like in your screenshot, but first off I would try to remove the text in the image and add the text as actual text using one of the builder elements instead, you will have much more freedom positioning it then.

    Best regards,
    Rikard

    November 13, 2015 at 8:23 pm #535712
    dawsmik

    I need the text to be in that exact location. I also need the image to stay in a static location. How would I do that? No matter what happens in the browser I need the image to stay in the same place.

    November 13, 2015 at 8:35 pm #535716
    dawsmik

    I was just able to replicate this issue on IE, Chrome and Safari on 2 different computers over 200 miles apart. Here are the instructions on how to replicate:

    1. Open browser to the page above.
    2. Point your cursor at the top edge of your browser screen until it becomes a double vertical arrow.
    3. Click your mouse and hold.
    4. Drag your window down until it becomes narrow enough for the text to overlap the top bar.
    5. Release your mouse button.
    6. Repeat as necessary until overlap is achieved.

    November 16, 2015 at 6:38 am #536305
    Rikard

    Hi,

    Not sure what you are asking would be possible since the background image would lose its responsiveness. It’s set to cover the containing element and slight shifts will happen for different screen sizes. But removing the text from the actual image and adding it as code instead would solve half of your problems at least.

    Best regards,
    Rikard

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