StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Responsive Scrollable Text Box

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Responsive Scrollable Text Box

This topic is: not resolved

Tagged: , , , , , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 18, 2014 at 10:19 pm #125011
    lancegoodie
    Member

    I have a site that I'm working on and all I want to do is put some hypertext links in a scrollable text box. I found this text on the web:

    <div style="height: 500px; width: 650px; border: 1px solid #ccc; font: 16px/26px Georgia, Garamond, Serif; overflow: auto;">

    SAMPLE TEXT

    </divI>

    I used this code and put some hypertext links in between the div tags. It works and I can adjust the height and width, but the only thing that I see wrong is that when I look at it on my mobile phone, it does not display correctly. It doesn't become responsive and "cuts" off some of the text.

    Does anyone know what I can do to fix this?

    Here is a same page that I made for you to see:

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

    Thank you.

    http://www.dealclickbuy.com/test-page/
    September 18, 2014 at 11:58 pm #125021
    jbergen
    Member

    Hi,

    You can fix the issue by changing in the inline style width: 650px; to max-width: 650px;.

    Jamie

    Jamie @ Ladebug Studios

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.