Sample Theme Bug?

[sean nelson]

Not sure if this is an intended action or a bug.

When I create a page using the sample theme and select the Full-Width template, the content space is 65% wide (702 px verses 1140px). It is centered.

If I select the right sidebar template the main content is 65% with the side bar the rest.

So my question is, is the Full Width set at 65% on purpose? For now when I want a full width page (1140px) I'm setting a custom body class on the page called .full-width with the following css:

.full-width .content {
float: left;
width: 100%;
}

Just curious if this is a theme design choice or an issue.

http://thisisonagatedbuildsite.com

[Victor Font]

It's doesn't appear to be a bug, but a conscious design choice. The Sample theme is a mobile first design. The CSS that controls the genesis-content width is found at line 1490 in style.css:

.content {
    float: left;
    width: 65%;
}

Notice that it's in the media query for @media only screen and (min-width: 960px). This means that any display 960px or wider will have the content set at 65%.

You can add the width 100% to .full-width-content .content, .landing-page .content at line 1499.

I'm also moving this thread into the General Discussion since it's not a forum related bug.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts