Yoko Theme: Div Cut Off at Resize

  • jsmallernst

    (@jsmallernst)


    12 years, 10 months ago

    I am using the Yoko theme for a website I am working on.

    I am happy with how this theme adjusts itself when the window is resized–pretty cool–but I am running into a problem.

    On the majority of my pages, I am using <div> tags in order to columnize the text and images.

    The problem is that when I resize the window, no horizontal scrollbar appears such that I can scroll right to see my content. It is effectively lost when the window is too small.

    Is there some way I can either change the way I am using divs or make some global change such that my content is not cut off when the window is too small (or, for that matter, if someone is viewing my site on a smaller device/screen)?

    This is the site thus far.

    Any guidance would be wonderful! Thanks for your time.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    12 years, 10 months ago

    you are using fixed widths for your two columns – try and change to percentual widths, and see if you like the effect better.

    example:

    <div style="width: 100%;">
<div style="float: left; width: 45%; margin-right: 5%;">

    and
    <div style="float: left; width: 45%; margin-right: 3%;">

    Thread Starter jsmallernst

    (@jsmallernst)

    12 years, 10 months ago

    Thank you! That may be the fix I need.

    For future reference, though: if I wanted the content to stay put upon resizing, is there a way the make changes such that I could scroll to see the contents in their entirety?

    Thanks again!

    Thread Starter jsmallernst

    (@jsmallernst)

    12 years, 10 months ago

    Hi again! Just wondering if there is anyone who might help with this issue? Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Yoko Theme: Div Cut Off at Resize’ is closed to new replies.

Tags