Community Forums › Forums › Archived Forums › General Discussion › Reproduce Studiopress Homepage with Sample Child
- This topic has 8 replies, 2 voices, and was last updated 9 years, 8 months ago by Sridhar Katakam.
-
AuthorPosts
-
August 17, 2014 at 2:44 pm #119401rreeveMember
I need to somehow build a homepage that is just like the Studiopress homepage.
Basically, I need to pull in my sites header, navigation, and footer area and then between that I would like a have a full SCREEN size area to edit. The default full screen template is no good because it's contained within the fixed content area and I need a responsive full browser width area.I was really surprised that nobody else seems to have asked this here because this is how most people have their homepage nowadays.
August 17, 2014 at 6:47 pm #119427Sridhar KatakamParticipantAugust 18, 2014 at 1:25 am #119477rreeveMemberAugust 18, 2014 at 8:12 pm #119660rreeveMemberSridhar, I've just reviewed the links you provided and I'm sorry but they are confusing me. I think you've misunderstood what I mean when I say full-width. I wasn't talking about the genesis full width template, I need the content area to be FULL BROWSER WIDTH not the full-width template.
I need to build a homepage that uses the normal site header, the normal navigation and the normal footer but inbetween the navigation and the footer, I need the content area to be a full width widget area. When I say full width, I mean FULL BROWSER width, exactly like the studiopress homepage.
<Site header>
<Site navigation>
<FULL BROWSER WIDTH> [NOT the full width template that is contained in a content area]
<Site footer>Basically, if someones browser is 3000px wide then my content area should be 3000px wide
90% of website have a homepage like this nowadays, even studiopress
Can you help?
August 18, 2014 at 8:32 pm #119668Sridhar KatakamParticipantAugust 19, 2014 at 6:14 am #119732rreeveMemberNo that is not full browser width. It is contained. Look at the dark grey background left and right.
Your not the only one, nobody seems to understand what I mean even though 90% of homepages on the internet use a FULL BROWSER WIDTH landing page, even the Studiopress homepage does it. Maybe look at the navigation bar for the sample child theme as this stretches to the full width of the screen.
The reason why everyone is confused is because Genesis have called the template without a sidebar Full Width when in reality, it is just the full width of a contained content area, it it not actually full width of the screen.
I have put together a very quick image that will hopefully show you what I mean.
Here is another example I created. This explains exactly what I'm talking about.
http://capt.co/examp2.jpgAugust 19, 2014 at 6:20 am #119734Sridhar KatakamParticipantCan you try the following in a test Genesis site of yours and let me know how it went?
1) Create a Page titled say, "Home" and put in the content that you would like to appear on your site's homepage.
2) Go to Settings > Reading. Set the Front page to "Home" and optionally Posts page to say, "Blog" (after creating a blank Page having this name)
3) Add the following in style.css:
.home .site-inner { max-width: none; }
4) Reload your site's homepage and tell us if that is what you want.
August 19, 2014 at 6:46 am #119738rreeveMemberYES YES YES YES YES.
FINALLY! This has been driving me absolutely nuts for the last 3 days.
Thank you Sridhar for being so patient with me.I'm a bit embarrassed that it was just a matter of CSS because I was sure I would have to create a custom template and widget area. The reason I thought this was because I didn't think the CSS would ever let me break out of the normal container like that.
Again, I can't thank you enough Sridhar. Your my hero.
August 21, 2014 at 6:14 pm #120373 -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.