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

Center Widgets on Mobile Devices

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.

This topic is: not resolved

Tagged: Android, featured posts, iPhone, mobile, mobile responsive

This topic has 1 reply, 2 voices, and was last updated 10 years, 4 months ago by Brad Dalton.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
July 8, 2015 at 7:52 am #158778

kimberlymwhd
Member

Hi all, my website looks fine on desktop versions, but when I look at it on the mobile devices (iPhone and Android tablet) the Featured Posts squares in the top left are not centered in the page and it looks off. Any CSS help to center these on mobile devices only? Thank you in advance
http://blog.greatamericanhomestore.com/

July 8, 2015 at 2:43 pm #158835
Brad Dalton
Participant
At 769px make the featured widgets 100% in your media queries.
```
@media only screen and (max-width: 769px) {

    Add Your CSS Here
    
}
```
You'll need to add your CSS for the featured widgets to the above CSS.

Tutorials for StudioPress Themes.
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Design Tips and Tricks’ is closed to new topics and replies.