Driving myself batty with Minimum Pro

[RavenManiac]

I need a little help. I'm designing a new website using the Minimum Pro theme. Although the home page looks great, in terms of its responsiveness, I'm having problems with all of the other pages.

Take the Sample Page for instance. When expanded, everything is fine, but when I begin to reduce the width the "Just another WordPress site" text and CTA button begin to move up. If I continue to reduce the width of the page the text and CTA button stack nicely, but now I end up with a white block between the yellow header and the green tagline area.

I realize that whatever needs to be done "coding wise" has to occur within the Media Queries section of the CSS, but I'm not sure what element to target and what CSS to write. Any help is greatly appreciated.

http://wp.idealynx.com/sample/

[Joelle]

Try changing the width of your header widget area so that all of your menu items stay on 1 line. Then change the site-tagline in extender media queries to:

.site-tagline {
    background-color: #99cc33;
    margin: 100px 0 0;
}

---

WordPress Web Design | Format Creative

[RavenManiac]

This is going to sound really bad, but I have no idea how to change the width of my header widget. 🙂

[RavenManiac]

Okay, I've had several people inform me that the problem is with the 100px margin. Specifically this code:

.site-tagline {
background-color: #99CC33;
margin: 100px 0px 0px 0px;
}

Apparently that CSS styling exists in a style sheet named genesis-extender-minified.css, which is created by Genesis Extender. The only problem is I don't know where GE is getting it from since I didn't write it. I contacted Cobalt to see if they can help and will post their findings once I hear back. Thanks again for your help.

[DTHkelly]

First step:
Admin > Genesis > Extender Custom > CSS.
Have you saved any CSS there? Any changes to .site-tagline?

If not, .site-tagline, the code originates in the child theme folder.

Offline, open the Minimum Pro zip file, open style.css, search for site-tagline.

Note: if you didn't change .site-tagline in the child theme folder's style.css, you can modify it using Admin > Genesis > Extender Custom > CSS.

Extender Custom > CSS add and modify as needed:

.site-tagline {
background-color: #99CC33;
margin: 100px 0px 0px 0px;
}

Re: Where Extender saves its code:
For Extender Custom > [CSS | PHP | Hook Boxes | Widget Areas | etc.]
FTP/sFTP: uploads > genesis-extender > plugin [inside the plugin folder, you'll see all of the custom php files and custom css and minified css).

[RavenManiac]

Kellylise, thanks for your response. I checked and that code is not in the child theme's CSS. I'll try adding the code to the Extender Custom > CSS, but it makes me nervous not knowing where that code is originating from.

[Author]

Posts