Jump to content


Photo
- - - - -

Brand Nav Size


  • Please log in to reply
13 replies to this topic

#1 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 26 June 2011 - 07:10 AM

I'm trying to control the brand nav size, or more specifically the logo size.

So far I've messed with this:

Please Login or Register to see this Hidden Content


But modifying that doesn't seem to change anything. If this isn't the code to be changing, what is?

#2 catrina

catrina

    Advocate

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

Posted 26 June 2011 - 03:19 PM

Where are you adding this CSS?

This might be the code you're looking for:

Please Login or Register to see this Hidden Content


I'm assuming you're using PlatformPro, but I'm not very sure. If you're not, let me know which theme you're using.

#3 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 26 June 2011 - 11:08 PM

I was editing the:

Please Login or Register to see this Hidden Content


Using the base.css

The code

Please Login or Register to see this Hidden Content


Lets me change the height but no the width, do I need to change the size of the nav width in order to change the logo width?

If so.... How? I've tried editing

Please Login or Register to see this Hidden Content


But that won't let me change width either.

#4 timlinson

timlinson

    Advocate

  • Members
  • PipPipPipPipPip
  • 1032 posts

Posted 27 June 2011 - 03:23 AM

This works for me: `#brandnav .mainlogo-link img {width:50px;height:50px;}`

#5 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 27 June 2011 - 04:03 AM

It will work as long as you enter a value equal to or less than 211 pixels wide. If I try to make it larger than 211 pixels wide, it won't change.

#6 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 27 June 2011 - 12:27 PM

Hi Josh, Is 211px the width of your image?

#7 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 27 June 2011 - 06:31 PM

No, I'd like to have it larger than that. 211px seems to be the largest the theme will allow though, I think it has to do with percentages since that seems to be how the rest of it is setup? I'm not really sure... I've never had this problem before. Just try to make the logo in the Brand Nav larger than 211px and see if it works... I'm missing something but I don't know what.

#8 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 27 June 2011 - 09:03 PM

Josh, you have a link with it setup...it may be percentage based?

#9 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 28 June 2011 - 01:39 AM



When messing around in firebug the area that controls the nav and nav logo are percentage based (76% for nav and 22% for the image).

#10 catrina

catrina

    Advocate

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

Posted 28 June 2011 - 02:47 AM

I can't access your site since it's in maintenance mode. How large is your image?

#11 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 28 June 2011 - 05:00 AM

Maintenance mode deactivated for now. Image is about 350 wide by 80 tall or so. That doesn't really matter though since it's not the original image size that is being modified.

#12 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 28 June 2011 - 01:05 PM

Hi Josh,
There's a couple different ways to approach this, but this should get you on the right track:

Please Login or Register to see this Hidden Content



#13 joshbowers

joshbowers

    Member

  • Members
  • PipPip
  • 19 posts

Posted 29 June 2011 - 07:22 PM

Thanks. The !Important did the trick. I can control it with the :

Please Login or Register to see this Hidden Content



#14 raezerj

raezerj

    Advanced Member

  • Members
  • 81 posts
  • Country: Country Flag

Posted 21 March 2012 - 09:32 PM

Hello!

I want to improve the look of my logo on the new iPad (right now it looks blurry on the retina display). I thought the solution could be to enlarge the image to twice its size (800px) and use one of the suggestions above to shrink it back down to the current size (400px).

I tried these two solutions, but they didn't work -- the image remained at the uploaded size (800px):

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content


My site: www.approachguides.com

Any suggestions? Thanks!