Auto resize when viewed with small screen

  • new2wordP

    (@new2wordp)


    11 years, 2 months ago

    Hello,
    I am having a problem with the way my page is viewed on small screens, and my question is how should i dive into it? Since i don’t even know which subject to google 🙁

    When i write text in a table with two columns and add a photo 700px wide on in cell left of it, all looks good on my screen,
    But if viewed on a smaller screen (10″ netbook for example) the photo stays big and runs over the right menu of the site…

    Ideas? does this have to do with CSS? and if so > what is the professional name for this?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    11 years, 2 months ago

    1. Avoid using tables for anything other than tabulated data (eg accounts, comparison tables etc).

    2. Do not embed larger images. Use thumbnails and, if necessary, link to the full size images instead.

    3. Consider using a responsive theme for your site. Responsive designs are intended to re-scale gracefully across multiple screen sizes – including smaller mobile screens.

    Thread Starter new2wordP

    (@new2wordp)

    11 years, 2 months ago

    Ok thanks, my Theme is Layers 1.1.1 by Jai Pandya, is this somehow a Responsive theme?

    I checked in the Layers Options menu and all i could find was ‘Fluid Width’ or ‘Fixed Width’… is that what you mean? because i was already on ‘Fluid Width’ and i just tried the ‘Fixed Width’ which was even worse 🙁

    Do you think i need to change my theme? Where in the ‘Install Themes’ menu can i see if it’s a Responsive design? i didn’t see the option.

    Atul

    (@atul1280)

    11 years, 2 months ago

    Check if you have media-queries in your css. If there is none, the theme is not responsive.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months ago

    @atul1280, not necessarily.
    CSS can be fluid by using some browser-relative measurements like percentages or em.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Auto resize when viewed with small screen’ is closed to new replies.