Jump to content


Photo
- - - - -

Reduce Feature nav height


  • Please log in to reply
5 replies to this topic

#1 joe_steer

joe_steer

    Advanced Member

  • Members
  • 58 posts
  • Country: Country Flag

Posted 27 March 2012 - 05:06 PM

Hi Guys, I'm trying to reduce the height of my Feature Nav so the main content is a little closer to it. I can see using my developer tool that this is part is named the #featurenav but I can't work out the custom code to reduce the current height. My test site:

Please Login or Register to see this Hidden Content

Please help! Many thanks, Joe.

#2 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 27 March 2012 - 05:12 PM

@joe_steer: Can you post a screenie of what you mean - to be sure.....? THX

#3 joe_steer

joe_steer

    Advanced Member

  • Members
  • 58 posts
  • Country: Country Flag

Posted 27 March 2012 - 05:34 PM

Hi WebWerx here's the screen shot, I'd like to reduce the height where I've put the red arrows.
many thanks for your help,
Joe.Posted Image

#4 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 27 March 2012 - 05:54 PM

@joe_steer Look here: .widget-pad { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 20px; } Decrease "padding-top" as a start

#5 joe_steer

joe_steer

    Advanced Member

  • Members
  • 58 posts
  • Country: Country Flag

Posted 27 March 2012 - 06:35 PM

thanks WW that's a great help. Joe

#6 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 27 March 2012 - 07:34 PM

No worries @joe_steer. Keep in mind that you really have to be precise when determining which selector to adjust. With some practice, you'll become a NINJA!