Jump to content
fabhousewife

How to center classic navigation and delete the search bar

Recommended Posts

fabhousewife    0
fabhousewife

[attachment=1256:Screen shot 2013-07-18 at 12.48.02 AM.png]I am trying to configure my classic navigation bar to eliminate the search bar. I've already unchecked the box under headers and footers, but because I've entered custom code to also center the navigation bar (found on another thread here), it appears to have overridden the original setting. Here is the code I have entered in the custom code area labeled CSS/LESS:

 

#site .navigation_wrap .main_nav { margin-right: 0; }#site .main_nav ul { text-align: center; float: none; }#site .main_nav ul > li { float: none; display: inline-block; }

 

Is there any way to keep the classic navigation centered while also eliminating the search box?

 

My website url is: www.hawlieohe.com

 

I have also attached a jpg here showing what it looks like now. Thank you in advance for your help!

 

Hawlie

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Fabhousewife

 

Please can you give this a try 

 

.navigation_wrap .searchform {
  bottom:2px;
  display:none;
  position:absolute;
  right:3px;
}

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hawlie,

 

If you go to Dashboard > PageLines > Site Options > Header And Footer, you should deactivate the searchbar in Nav Classic from the settings, not from code.

 

Centering the menu does require custom code which you can test with Firebug or Chrome's Inspection Tools.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
fabhousewife    0
fabhousewife

 

Hello Fabhousewife

 

Please can you give this a try 

 

.navigation_wrap .searchform {
  bottom:2px;
  display:none;
  position:absolute;
  right:3px;
}

 

Martin,

 

Thanks so much for your quick reply! Your code did the trick, and I'm now good to go. Thank you, thank you!!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Fabhousewife. 

 

Rob is correct, the way to do this is via the options rather than via code. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • mtaus
      By mtaus+
      I recently added the Google Analytics for WordPress plugin so I could track outbound links more easily. At the same time I manually removed the GA tracking code from the custom code field in Pagelines. I then turned off (WP Super Cache) and deleted the cache. However, despite having tried to remove the cache several times and testing in incognito, the custom code from Pagelines continues to generate. 
       
      Has anyone else seen this? Any suggestions?
       
      Website URL: blog.abodo.com Framework Version: 2.1 WordPress Version: 3.9.1  
    • almanada
      By almanada
      I'm using the most up to date pagelines Viewer theme.  I cannot get the "Quotes" full width slider to change colors.
       
      I have tried every thing I can with custom code but the Background remains black!
       
      Can someone help give me a walkthrough.
       
      I have tried all the custom code offered in other forums and even from inspector / dev tools. 
       
      Thanks,
      Mike
    • nfp1900
      By nfp1900
      After the update I now see a large white gap between every line of custom code, this is a bit of a hassle considering there's 200+ lines now with more to come.  I posted a screenshot here: http://citywomen.org.gridhosted.co.uk/screenshot/
       
      Using 1.1.1 and base theme (from Nick H)
       
       
    • almanada
      By almanada
      After adding custom code to DMS all editing functions stopped working.  I have not been able to edit for a week, not even delete the stupid code that messed it up.  
       
      Can anyone help me without having to reinstall DMS? 
       
      Thanks 
    • tborges
      By tborges
      Right now I have a horizontal navigation bar to the left side, I can change it to the right but I cannot make it centered. 
       
      How to center the navigation bar on Pagelines Framework 2.4.4  ???
       
       
       
×