Jump to content
Sign in to follow this  

Main nav customization

Recommended Posts


Hello! Guys,


  I would like to change the classic main menu for another customized menu only in 7 specific pages, i've already created the other menu using the option appearance > menu. I've tried to use the drag & drop templates to customize this but, couldn't figure it out a way of doing this.


  Googling a bit i've found this http://jc-designs.net/blog/2011/06/displaying-menus-on-specific-pages-in-wordpress/, but i don't now if it's the best way of doing it, taking this php code and inserting inside a hook to make it works. any help?



Share this post

Link to post
Share on other sites



I apologise but I am not sure what you're trying to achieve, would it be possible to go into greater detail please.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

Hi! Danny,


 Here is an example of my current web site with the old theme www.intesys.com.br you're going to see a menu which is different then this one www.intesys.com.br/home/frontmail-email-marketing/.


 I want to make the same thing on this web site desenv.intesys.com.br/home/frontmail-email-marketing/. using pagelines.

Share this post

Link to post
Share on other sites

To customize your navigation, please use Custom CSS: http://www.pagelines.com/wiki/Custom_CSS

For further reference, please see: http://w3schools.com/css/default.asp (specifically the Styling Backgrounds and Styling Links documentation)

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

Hi! Catrina, 


 I don't want to customize the style in this case. I want to make a menu with different options for a specific page.




 Home page Menu with options -> home and contact


 and another this specific page with a different options inside the menu, like -> Service, sitemap.



Share this post

Link to post
Share on other sites
James B

Hi there,


There's four options built into the framework to assign different navs to a menu area, but nothing that will allow you to set two different navs to one area depending on location. I've had a look around and there's no plugins which can assist either, so it looks like using a hook is the most likely option.


Otherwise you'd have to use another nav container, like classic nav and style it to match the other nav as closely as possible. Then choose to hide one or the other on a per page basis using the meta options.


The only thing you could try is using css to hide the menu items you don't want on a per page basis by setting them to display:none using the .page-id-x prefix to your css.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

Hi! James,


 Thanks for you explanation.


 For what i need, the better is using the same type of menu as the navbar and use the hook. Now i need to find what hook correspond to the navbar in order to create a extra code to do this.


 Do you know what is the right hook i could use to change the navbar options?


 If it is too difficult, then i will hide the primary navbar(Nav classic) using the drag & drop and use de Navbar as default.



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

Sign in to follow this  

  • Similar Content

    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • pehja
      By pehja+
      It would be nice to have an option in the impuls section to only view hamburger menu.  That or let nav pro have that option ad also transparent background. Impuls is a great section. Love it.
    • catalinam
      By catalinam+
      Hi lovely Pagelines Forum Helpers!
      I am new to Pagelines as well as coding in general so sorry if this is stooopid. 
      I am reimaging my site www.theunimpossibles.com and I am trying to do a few seemingly simple things using paleness and modifying the lynette theme.
      How do I put a fine key line on the bottom of the dropdown nav? e.g. <hr style="height:1px;border-width:0;color:#e4e4e4;background-color:#e4e4e4”> I want a second nav in grey to site above it but I can't get the grey to go all the way to the top and full width. Is it possible to put social icons in the nav too? How can I make these two nav global but underneath the slider as per below only on the homepage? Is it possible to embed the royal slider onto the homepage? e.g putting the shortcode [new_royalslider id="4"] in the embed area generates the error: [RoyalSlider Error] Incorrect RoyalSlider ID or problem with query. Is it possible to make the slider, the instagram feed and the hero image on the blog posts full bleed? On the category page e.g http://theunimpossibles.com/category/recipes I would like to change "Posts  Currently viewing the category: "OM NOMS"" to be bigger, centred, and with more padding and only show the words "TOPIC: OM NOMS". Is it possible to remove the extract and put the date underneath similar to:  http://grittypretty.com/category/makeup/? Is it possible to make the post images on the blog posts wider and the text smaller? http://theunimpossibles.com/2015/06/30/amazingly-delicious-paleo-orange-blueberry-almond-meal-scones-with-earl-grey-cashew-cream/?pl_edit=on e.g the blog posts similar to http://grittypretty.com/makeup/the-top-6-office-beauty-must-haves/?  Obviously keeping everything responsive!
      I have been trying to Google all of this but alas I am very very stuck and would appreciate any help!
    • richardjacruz
      By richardjacruz+
      I'm building a site at:
      and I followed the instructions on building a "branding" area in the header:
      But, if you see the image I've attached, you'll see that there's a lot of space between the nav and the slider. Is this something I need to control with CSS in the Custom code section, or is there something else I can do that's part of the header section?

      Actually, what would also be nice is if I could put a divider line there... like an orange or a light gray.