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

Changing how Magazine Pro looks on the iPad

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 › Changing how Magazine Pro looks on the iPad

This topic is: not resolved

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2013 at 2:54 am #80858
    Fitness Blogger
    Member

    I have finally made my new site TheFitBlog.com look decent on the computer and on the iPad's horizontal view. However, on the standard iPad view, the theme insists on moving the primary sidebar down below the main content. To me, that's the wrong way of doing a responsive theme. I would much prefer that the sidebar was always visible (unless the screen is very small) and the main content adjust.

    Is there any way to change how the responsive function works, so I can still see the sidebar on the iPad?

    Thanks a lot!

    http://thefitblog.com
    December 23, 2013 at 11:23 am #80911
    emasai
    Participant

    The (max-width: 1023px) media queries control the width of content and sidebar on the vertical iPad, at the moment they are set to 100% width. You will have to modify them.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    December 23, 2013 at 3:09 pm #80963
    Fitness Blogger
    Member

    Thanks.
    The problem is that when I try to change the width (say to 50%) the content and sidebar will be side-by-side as they should be, but the sidebar will take up all the space. I have set the sidebar width to 250px everywhere I can find it, but it keeps jumping back up to 360px when viewed on the iPad. I think I may need some way to always set the sidebar to always be 250px (that will make the site unwatchable on a mobile phone I think but I don't really care about that). Can you help me?

    December 23, 2013 at 5:20 pm #80981
    emasai
    Participant

    The media queries for the sidebar and content and still set to 100% width. So if you DO NOT want them to go to 100% width, you need to delete those 2 tags from your (max-width 1023px), they will then use the preceding rule, which is probably 250px width for the sidebar and 630px for the content. Then you can add them back to the @media only screen and (max-width: 768px) as 100% width.

    Let me know how you get on.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    December 23, 2013 at 6:10 pm #80987
    Fitness Blogger
    Member

    Thanks,
    When I just delete the 100% width, the sidebar stays at 250px as it's supposed to. However, it still moves down below the main content because the main content doesn't adjust in size to allow for the sidebar. I am not sure what you mean by "adding them back in"?

    As you can probably tell, I know nothing about coding, so any detailed help you can give is super appreciated :-). I am just mucking about trying to make it look decent. I should probably have gotten a theme that wasn't responsive...

    December 23, 2013 at 6:21 pm #80988
    emasai
    Participant

    I think they all are nowadays, it's just that you don't like the way it behaves! Responsive css is not easy for a beginner. I can help beat it into submission...LOL. Contact me through my website.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

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