Jump to content


Photo
- - - - -

Custom BrandNav

BrandNav CSS

  • Please log in to reply
3 replies to this topic

#1 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 17 May 2013 - 11:58 PM

Any suggestions on the best way to get the current Brand nav section at

Please Login or Register to see this Hidden Content

to be like the attached pictures.  Not sure if i need to create an entirely new section to make that happen or if i can customized the current one enough to make this happen.

 

Thanks

Attached Files

  • Attached File TxFL.png   90.67KB  11 downloads


#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 18 May 2013 - 04:09 PM

Hi,

 

Well, this can be accomplished several ways.

 

1.  You can do it with both BrandNav and Nav Classic, where the BrandNav includes the unlinked words experience. retail. experience, adding a custom class to each menu item for that menu to effect color and spacing.  Nav Classic could provide the main menu, located above the branding, on the left.

 

2.  You can use a background image for the branding area, and BrandNav.

 

3. You can make one big graphic image, skipping BrandNav, and using just Branding plus Nav Classic.

 

Let us know which you'd like to try and we can guide you further, if needed.



#3 Jarrod H

Jarrod H

    Advanced Member

  • Members

  • 59 posts
  • LocationRockford, IL
  • Framework Version:1.1.1
  • Country: Country Flag

Posted 19 May 2013 - 07:22 PM

Hey Rob,

  I think Sounds like the easiest way would be #3.  Just mak that section and image file then put the nav Classic above it.  For seo sake i try to stay away from image files but i think this will be fine for that.  Let me try that and see what happens.  Thanks for the help.



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 19 May 2013 - 07:30 PM

Here's a little SEO trick you can try, when using an image in the header:

1. After using PageLines to upload your branding image, go to Dashboard > Media Library

2. Page through the images till you find the branding image, which will have had PageLines- added as a prefix to the image name.

3. Click the Edit link, and add Alternative Text with the title and the three words you want. Save.

 

When search engines see the image in future, they will see more than just the image file, but will read the Alt text. This will improve your SEO standing (just slightly) over having an image only.


  • pmmyers likes this





Also tagged with one or more of these keywords: BrandNav, CSS