Another odd behavior is that Content side padding carries over to the mobile theme (where it seems exceptionally wide). Without this plugin genesis provides a separate narrower padding on mobile.
There are a few areas that haven’t been translating well to mobile, mainly because they would require 2 separate customizer options in order not to override each other (or a bit more clever coding on my part). The content padding is one of those areas and will be slated for one of the next updates.
The content width minimum of 1200 is to support the built in media query structures for the default Genesis: 1200, 960, and 800 pixels. Going below 1200 to 900 isn’t a very common use case and would mean not needing the queries at all essentially. Send me a message thru supercustomizer.com/contact and I’ll help you come up with a work around.
Header content is vertically centered with the header padding and logo height settings. You have to do a little math: Set you header height to the logo height plus the padding size X 2 (accounts for top and bottom, they are set to be equal). So if you Logo is 240px X 80px, and padding is set to 20px, you’ll want to set your header to 120px (80 + (20×2)). This works best with images.
If you are doing a text only header, you’ll have to adjust the margin between the description and the title text. Another update that is slated is fixing the title-area padding and line-height of the title to match the Logo Height when you hide the description.
Thanks so much for the feedback!
Re: content padding. I ended up reducing it to zero, and blending the background. I found it pretty unusable on my phone with 540px width with anything above 20px (and 20px looks bad on desktop).
It was easy to hack the min/max settings in the plugin. Nicely coded!
I’m using a content width of 1000 without side effects, but my layout is without side bars. The article text is just too wide at 1200 – bad for reading. I’ve also used the following css before to keep articles narrow and keeping the site wide (would be useful to have something like this in the ui) (don’t know if there’s a cleaner way to write the selector):
article, div.after-entry.widget-area, #respond, #comments, .author-box {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
Yeah, I figured out how the header vertical spacing works. I suppose it works – gives it some flexibility in unusual cases. But auto-middle-allign would be a nice option.
Thank you for being open to feedback. Here are some other tweaks that I did not find in the ui:
//list items styling
.content li {
list-style-type: square;
padding-bottom: 30px;
}
//header background (different from logo – see unikurn.com – resize viewport to see the effect)
.site-header {
background-image: url(“header_back_cr_1920.png”);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
//spacing between widgets
.sidebar .widget {
margin-bottom: 0;
}
Cheers!
Awesom! Please let me know if you have more suggest or feature requests.
I am having the SAME problem and did not see a reason to start a new thread
WHICH is the option / solution to REMOVE the mobile nasty padding?
Hi
I like the plugin , just a few things
ANOTHER BUG
https://webhostingharvest.com
MY HEADER WIDGET – Disappears when using your plugin
If I am using GENESIS = Agency Pro
SIMPLE HOOKS
SIMPLE EDITS
Your plugin VOIDS those and lets the default show
