• 0
Sign in to follow this  
Followers 0

Hero Nav Make Hero Nav Full Width?


Question

Posted · Report post

Hello! I just bought hero nav. I was mistakenly thinking it had a default option to make it full width. Looks like not. Can you give me a work around? Is there a simple way to accomplish this?

 

Thank you for your time!'

 

Jenna

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

With DMS, sections are explicitly defined as full-width or not.  Hero Nav is not a full-width section, but you may be able to achieve a full-width display with a little custom CSS, that is if your site layout is not 'boxed' (this is not the default though, so unless you changed it to this then it should be set for full width sections).

 

So in this case, you have Hero Nav inside a DMS section area.  The area has an inner content div that is limiting Hero Nav from displaying being full-width.  To do this, we need to remove the max-width from this area (you may want to keep HN in it's own area here as everything else in the area may not look right full-width.

 

We need to get the html ID from the containing area for our custom css.  Open up chrome developer tools and inspect the area to get the id.
fiinFl3.png

 

target the .pl-content div, and disable the max-width constraint:

fZlMbFf.png

 

My CSS

#pl_areaac2c9a .pl-content {
max-width: none;
}

Simply change "#pl_areaac2c9a" to your area's unique html id, and you're all set!

 

Result

4t25Oq6.png
 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Greetings jennajonesdesign,

 

To answer this I need to know what version of pagelines you're running.  Are you using DMS or PageLines Framework 2.x?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

dms pro

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0