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

Remove Backstretch Image on Mobile – Theme: Minimum PRO

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: resolved

Tagged: css, design, Margin, minimum pro, padding

This topic has 2 replies, 2 voices, and was last updated 5 years, 7 months ago by Sridhar Katakam.

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

Author

Posts
February 5, 2018 at 8:28 pm #216129

jeepkid99
Member

Hello,
I have 2 coding problems I'm trying to figure out. A solution on either would solve my problem.
1. I have a margin of 150px on the Main Image so that it doesn't slide behind my header area. Is there a way to have a zero margin when viewed on mobile or tablet? If not...
2. How do I remove the main stretch image on mobile only? (I did make this a responsive image using the tutorial from Sridhar .

You can see my site demo linked below. Thanks in advance for any tips on fixing this issue.
https://aimauto.ubaqfpb6-liquidwebsites.com/

February 5, 2018 at 8:48 pm #216131

jeepkid99
Member

Resolved. I added this under the .main-image area:

@media only screen and (max-width: 400px) {

.main-image img {
vertical-align: top;
width: 100%;
margin-top: 0px;

February 5, 2018 at 8:50 pm #216132
Sridhar Katakam
Participant
Add this inside the 1023px media query in style.css:
```
.main-image img {
	margin-top: 0;
}
```
Genesis Tutorials | Follow me on Twitter
Author

Posts

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

The topic ‘Remove Backstretch Image on Mobile – Theme: Minimum PRO’ is closed to new replies.