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

media query help for ipad (vertical orientation)

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 › Design Tips and Tricks › media query help for ipad (vertical orientation)

This topic is: not resolved

Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 23, 2013 at 10:31 am #58439
    willevo
    Member

    Hi everyone,

    I am playing around with the sample theme that is provided. I am looking at a content/sidebar layout and I want to replicate the same look when it resizes on an ipad. When the responsive nature kicks in on an ipad (vertical orientation) it shows the content area but moves the sidebar below the main content area.

    I am playing with the media queries but haven't found a solution yet on how to force a resize of the content/sidebar areas so they will both fit on the vertical orientation of an ipad dimensions.

    Can anyone provide the code snippet I would need to use or is it a setting (such as a percentage value) that I need to use?

    Any help would be greatly appreciated. It feels like it should be easy to fix, but I am stumped. 🙂

    Thanks!!!
    William

    August 24, 2013 at 8:25 am #58587
    Robin
    Member

    If you head for the section that starts with @media only screen and (max-width: 1023px), that's where it's set to go to 100% width for the content. You might want change the query so that the 100% starts in the section after that (767px), and then adjust your content, sidebar, etc. widths.

    HTH

    I do the best I can with what I’ve got. (say hey on twitter)

    August 27, 2013 at 8:19 am #59041
    willevo
    Member

    Thanks for the advice Robin.. I will start there. I appreciate it. 🙂

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.