[lukeletellierParticipant]

URL: http://lukeletellier.wpstagecoach.com/the-production-process
Wordpress: 4.4.1
X: 4.3
Cornerstone: 1.0.11
Renew

Hello!

(1a) On my website’s page entitled “Production Process” I have an Essential Grid that is partially hiding behind my Navbar on the left side, and I can’t seem to get it to come out of hiding. Ideally, I’d like the Essential Grid to be full width so that it fills up the entire right side of the screen.

(1b) What’s the correct method of including comments in the Custom CSS? I’ve cobbled together quite a few snippets from the forum & your lovely support staff, but I very quickly forget which piece of code is doing what. Being able to write a few notes within the code to remind myself later on would be a HUGE help.

Thanks so much!
Luke

[ChristianModerator]

Hey Luke,

1. You have set the fullscreen ESG container’s position -190px to the left (see attachment). Please set it to 0.

2. Please see the CSS Comments section at http://www.w3schools.com/css/css_syntax.asp

Hope that helps. 🙂

[lukeletellierParticipant]

Hello,

Thanks for the quick feedback!

1. How would I go about changing the container’s position? I went into the Customizer & brought up the Column, Row, and Section that the ESG is in – and the padding & margin controls are already set to 0.

2. Thanks for the tip on the comments!

Luke

[ChristianModerator]

Please give us access to your WordPress admin so we could check your grid settings.

Thanks.

[lukeletellierParticipant]

Hello,

After looking at it a bit more this morning, I noticed a couple things:

1) – In the screenshot you gave, you’re looking at the code for the ESG on my home page “myportfolio-container” rather than the ESG on my Production Process page, which was the one with the error.

2). The 190 pixel offset you saw on the homepage grid was one I entered manually into the ESG’s custom “Whole Grid Padding” setting, and I ironically had done it to fix this exact problem on the home page. I’ve now removed that setting for both grids, so now they’re both partially hiding behind the navbar.

I would like to know the “correct” way to fix this rather than use the padding (as that feels like a patchwork-fix) so I’ve included login information in the next post.

Thank you!
Luke

[lukeletellierParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

It’s because you set them as full-width, that ignores any element within the horizon. It should be boxed (responsive to its container).

Though, it will not appear as full-width because of Cobbles ratio setting. It will maintain that aspect ratio regardless of container. You should change the grid layout to Even instead of Cobbles. Then under Columns, apply 1 column on all desktop type instead of 5.

Thanks.

[lukeletellierParticipant]

Thank you for your help! The production process page looks terrific now.

However, When I adjusted the home page* ESG so that it was boxed as well, large margins were created on either side. What would be the proper method of adjusting it so that it filled with entire screen, but respected the navbar on the left? Originally I had it at “Fullwidth” with the 190px offset which seemed to work quite well, but I’m not sure if that’s the proper way of going about it.

* URL of homepage: http://lukeletellier.wpstagecoach.com/

Thanks so much!
Luke

[Paul RModerator]

Hi Luke,

To make it fill the entire screen, you can add this under Custom > CSS in the Customizer.

.home .x-container.max {
    max-width: 100%;
}

Hope that helps.

[lukeletellierParticipant]

That works great. Thank you!

— Luke

[Rue NelModerator]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts