Jump to content


Photo

How Do I Style the Main Navigation Menu in iBlogPro4 to include two lines of menu items?


  • Please log in to reply
3 replies to this topic

#1 harrison

harrison

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 16 August 2011 - 10:26 PM

The main navigation menu on my site needs to contain 9 menu items. Currently the menu background will only accommodate 3 menu items. How do I style the top navigation menu so it will contain 2 or more lines within the gray menu background? The site url is http://volleyballtape.com/

#2 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 16 August 2011 - 10:55 PM

Well you could put a custom background image on the nav like:
 
	#nav {background: url(YOUR-IMAGE-URL) no-repeat }

but it seems like it would be easier to adjust the wording of the navigation titles, perhaps do without the "home" one, since its already there as an icon, and remove the search or use dropdowns.

Go to Appearance -> Menus to make a custom menu so you can adjust the wording. On example, instead of "about vollyballtape.com" why not use just "about" ?

#3 harrison

harrison

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 17 August 2011 - 12:12 AM

Thanks for the quick response and the insight. Less is definitely more. I just trimmed down the titles and it's much better. By the way, if I did want to create a custom nav background, would the custom background code go in the iBlog Pro custom Code area?

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 17 August 2011 - 02:11 AM

Yes, any custom code you have should go into the Custom Code area.