Jump to content

BrandNav question

Recommended Posts


Hi, I am not sure how to set up my header, Or if I should do it with Brandnav.


With branding and navbar the site looks like this first attached file,


I would like it to look like this mock up  in the second upload ps_banner_150 with the brand aligned with the nav bar. 


Thanks for insight into how this is done.





Share this post

Link to post
Share on other sites



You can do this with BrandNav or Branding with Nav Classic. The BrandNav will require less custom CSS, so I'll recommend that first.


Just go to Dashboard > PageLines > Drag & Drop. By default, you should be in the Header area (appears blue).


Replace Branding and NavBar with the BrandNav section by simply dragging the elements over.


Note: You may have to go to Dashboard > Appearance > Menus and select your primary menu for BrandNav using the Theme Locations section there. Just save when selected and your menu should be correct.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

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

  • Similar Content

    • briana
      By briana
      I want to highlight the DONATE menu item in my navigation (www.stilleasierthanchemo.com) by default without the user having to hover over the link. I've attached an example of what I'd like it to look like (run4massey.org). How do I change the background color of the DONATE link without changing the background color of the entire BrandNav menu list?
    • chasenet
      By chasenet
      I'd like to include the twitter icon on the nav of this site:
      The icons don't show at all with just BrandNav in the drag and drop header. If I use a different nav (that shows the icons) the actual nav bar is no longer where I want it. 
      How can I get it to look like the attached image?
      Any help much appreciated.
      Latest WP and PL
    • Keith Vaugh
      By Keith Vaugh+
      Hi Folks.
      I am wondering if might lend your expertise once again.
      I am trying to modify the header on our site www.magva.com (latest version of Framework and WP). It is a brandnav section and the aesthetic that is on the site at the moment is pretty close to what I want. However I am sure there is a better way to achieve it.
      It was necessary for me to create the logo having the full width of the page i.e. 1040px * 90px. - Is it possible to center it some how and have the logo as simple 340px * 90px (its original size)?
      The larger width of the logo caused the nav element to wrap onto the next line - which is what I required (the reason of the larger width).
      I have used the following CSS code to achieve the look:
      /* sets the branding nav header to full width */ #site .section-brandnav .texture { max-width: 100%; background: #1c0c09; } #site .section-brandnav .content { background-color: #1c0c09; } /* this changes the font size of the Nav bar, its position and the colour of the menu drop downs */ #site .section-brandnav .brandnav-nav { float: none; } #site .main_nav li a { font-size: 15px; } #site .main-nav .menu-item ul li a { color: #ffffff; } #site .main-nav .menu-item li:hover a { color: #ff4000; } #site ul.sf-menu li a { padding: 10px 36px 10px; } My biggest issue with this approach is the padding I had to use. Really I wanted the buttons to spread out over the page and be centered. Now when you look at some of the drop downs, the text is wrapping which I'd like to avoid. Also causes problems on mobiles.
      I'm not adverse to using an alternative nav bar if I can achieve the aesthetic. 
    • jennajonesdesign
      By jennajonesdesign+
      Hey Guys!
      I actually have the developer edition, however it does not seem to let me post there. 
      In my sections I do not have an option for branding or brandnav? Is this just me? I see that section in the demo, but nothing on my installation. I attached a screen capture so you can see for yourself. Let me know what I am missing!
    • lakersalex
      By lakersalex
      I'm not sure how or when it happened, but this website I built a while back is now missing the drop down menu and arrows in Safari only. Chrome and Firefox are working fine.   Website: http://www.marcselwynfineart.com   Framework Version: 2.4.1   WordPress Version: 3.5.1   Plugins in Use:  wordfence use-google-libraries sucuri-wp-plugin reveal-ids-for-wp-admin-25 post-types-order portfolio-slideshow-pro pagelines-sections pagelines-googlefonts pagelines-customize launchpage google-sitemap-generator duplicator display-posts-shortcode contact-form-7 cloudflare better-wp-security   Any clue what might be happening?