Jump to content


Photo
- - - - -

Move Nav Icons on Top of Nav Bar (in place of search)


This topic has been archived. This means that you cannot reply to this topic.
11 replies to this topic

#1 mr-twisted

mr-twisted

    Member

  • Members
  • PipPip
  • 22 posts

Posted 30 May 2010 - 09:10 AM

I'd like to move the social media icons onto the nav bar. I tried moving them down, but they end up behind the nav bar. Thanks!

#2 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 01 June 2010 - 07:13 AM

Please provide a link to your site and what method / code were you trying? Thanks, Bryan

#3 infotwistedtoolscom

infotwistedtoolscom

    Member

  • Members
  • PipPip
  • 17 posts

Posted 04 June 2010 - 05:09 AM

Unfortunately, I can't give you the link to the site as it is a password only staging site. I tried this code, but the icons fall behind the nav bar. I think I may just leave them where they were though... .icons { position:absolute; right:0; bottom:5px; height: 50px; top: 78px; } Thanks!

#4 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 04 June 2010 - 08:07 AM

Possibly try:

Please Login or Register to see this Hidden Content


Unfortunately it will make it difficult without being able to see the site.

Thanks, Bryan

#5 anvilmediainc

anvilmediainc

    Advanced Member

  • Members
  • 89 posts

Posted 23 November 2010 - 11:13 PM

This is exactly what I'm trying to do as well. Any help would be appreciated. I've tried this: ` .icons { position:absolute; right:0; bottom:5px; height: 50px; top: 110px; z-index: 100; } ` I've also tried adding !important to the z-index and making it 999999999 with no luck. SITE:

Please Login or Register to see this Hidden Content

edit: I'm open to doing this another way if CSS won't work, just not sure where to start.

#6 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 24 November 2010 - 02:23 PM

Is that URL correct, I'm not getting anything? Thanks, Bryan

#7 anvilmediainc

anvilmediainc

    Advanced Member

  • Members
  • 89 posts

Posted 24 November 2010 - 04:25 PM

Yeah it's correct--I'll paste it here again but when I click that link it goes to the right spot.

Please Login or Register to see this Hidden Content



#8 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 24 November 2010 - 04:36 PM

` #primary-nav{z-index:0} .icons{ position:relative; top:35px} ` Let's try that. Thanks, Bryan

#9 anvilmediainc

anvilmediainc

    Advanced Member

  • Members
  • 89 posts

Posted 24 November 2010 - 05:42 PM

Nice! Thanks! And I've been adding all of my custom CSS into the custom code tab--is this what's recommended, or is it better to edit the base child's CSS directly? Edit: Just had a second to try it out. It looks correct visually, but the dropdown now falls behind the feature box and the links aren't clickable anymore if you hover over the text. You have to move your mouse up to the top of the orange nav bar. Edit 2: Using this helps almost everything: `#primary-nav{z-index:1;}` ` .icons { position:absolute; top: 115px; z-index: 2 !important; } ` If you try to use the drop-down on Resources, it behaves a little weird and it's hard to actually click on those sub links now. Any ideas?

#10 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 24 November 2010 - 06:47 PM

you need to add this to `#breadcrumb {position:relative;z-index:0;}`

#11 anvilmediainc

anvilmediainc

    Advanced Member

  • Members
  • 89 posts

Posted 24 November 2010 - 07:00 PM

You guys are the best

#12 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 25 November 2010 - 03:11 AM

Good to hear it worked. Thanks, Bryan