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

Decreasing column widths / Increasing gutter width

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 › Decreasing column widths / Increasing gutter width

This topic is: not resolved

Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 12, 2013 at 5:27 pm #78670
    Doug
    Member

    Hello.

    I am using the Agency Pro Theme. The problem is that when the page window becomes smaller and smaller and the width gets narrower and narrower, the space between the two columns (the gutter) is too small. How do I either decrease the column widths (in this case of a two-column layout) or increase the gutter spacing across the board?

    Thank you, Doug

    http://usasharp.graphicsolutiongroup.com/privacy-policy/
    December 12, 2013 at 5:46 pm #78672
    Brad Dalton
    Participant

    Use the Media Queries CSS to set the width of your classes at different screen sizes.

    Generally, you would use width: 100%; once the screen size is around 700px width or there abouts.

    It looks o.k to me however you may want to reduce the padding on smaller sized screens.

    Tutorials for StudioPress Themes.

    December 12, 2013 at 10:01 pm #78718
    Doug
    Member

    Thank you, Brad.

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