Jump to content


Photo
- - - - -

how do I remove Logo and seach bar in the Fixed NavBar


Best Answer Danny , 04 February 2013 - 01:18 PM

Hi,

Add this to your custom CSS.
 

 
.fixed-top .plbrand { display: none; }

 

You can use this code which I post above, if that doesn't work, you may need to add one of the overrides to code, which will look something like this:

 

 

 
#site .fixed-top .plbrand { display: none; }

 

I recommend you also see our custom CSS documentation, which may assist you - http://support.pagel...ion/custom-css/

Go to the full post


  • Please log in to reply
11 replies to this topic

#1 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 06 September 2012 - 09:01 PM

I need to remove the logo and the search features on the fixed nav bar. I made sure that there is no logo in the Nav Bar settings but it's still showing up. I remove the search in the Header and Footer options but it also still shows up in the fixed NavBar. Any ideas?

#2 Rob

Rob

    One Smart Egg

  • Moderators
  • 9,829 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 September 2012 - 09:12 PM

Go to Dashboard > PageLines > Site Options > NavBar. Scroll down to "Fixed NavBar - NavBar Logo" and click "Remove" to remove the logo. Scroll a little further down to "NavBar and Fixed NavBar Configuration Options" and select "Fixed NavBar - Hide Searchform?" checking the box next to it. This will remove the search field in the menu.

#3 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 06 September 2012 - 10:19 PM

Thanks. I missed that hide search form option. But the logo is already removed. I think what's happening is it's putting in the site title from the general WP settings. Can that be removed?

#4 Rob

Rob

    One Smart Egg

  • Moderators
  • 9,829 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 September 2012 - 10:36 PM

Well, you can always create a simple, really small transparent image using a graphics editor and upload it to the NavBar.

#5 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 September 2012 - 03:40 AM

But I want the menu items to all be flush left. So a blank image won't allow for that...

#6 Danny

Danny

    Ninja

  • Moderators
  • 7,569 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 07 September 2012 - 10:00 AM

Hi,

Add this to your custom CSS.

Please Login or Register to see this Hidden Content



#7 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 07 September 2012 - 04:24 PM

I ended up doing the code below in the custom css and it worked! Thanks for the help though! .navbar .plbrand-text {display: none;}

#8 catrina

catrina

    Advocate

  • Members
  • 12,345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 07 September 2012 - 04:27 PM

Thanks for posting your solution.

#9 bobnotrob

bobnotrob

    Advanced Member

  • Members
  • 72 posts
  • Country: Country Flag

Posted 11 January 2013 - 03:21 PM

I tried the proposed solution of

.navbar .plbrand-text {display: none;}

 

But it didn't work. Any thoughts why?



#10 James B

James B

    Advocate

  • Moderators
  • 2,698 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 12 January 2013 - 03:28 AM

That code looks like its for the standard navbar not the fixed. If you're using fixed navbar you'll need to use firebug or chrome dev tools to identify the additional class name you need to put in to make that code work



#11 Madi

Madi

    Member

  • Members

  • 12 posts
  • Country: Country Flag

Posted 02 February 2013 - 06:08 PM

In Custom CSS, place:

 

.navbar .plbrand {
  1. displaynone;
}


#12 Danny

Danny

    Ninja

  • Moderators
  • 7,569 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 04 February 2013 - 01:18 PM   Best Answer

Hi,

Add this to your custom CSS.
 

Please Login or Register to see this Hidden Content

 

You can use this code which I post above, if that doesn't work, you may need to add one of the overrides to code, which will look something like this:

 

 

Please Login or Register to see this Hidden Content

 

I recommend you also see our custom CSS documentation, which may assist you - 

Please Login or Register to see this Hidden Content






Click to return to top of page in style!