10 replies to this topic

[oinegue1960]

I'd need to display the nav bar above the logo in a specific page only, so I guess I would have to create a custom page as 'alternative template' to the 'standard one' where I'll create a new page. According to documentation I did it but it's 'empty' of course. I'm not a coder, that's why I'm proud Pagelines' customer )), so any help is much appreciated.

[MrFent]

Not sure if this is the best way, but it worked for me: 1. navigate via FTP to the following folder: wp-contentthemespagelinessectionsnav 2. copy the entire "Nav" folder & paste it inside the "pagelines-sections" folder: (wp-contentpluginspagelines-sections) 3. inside the newly pasted folder, open the "section.php" file 4. On line 9. change "Cloning: false" to "Cloning: true" then save 5. on your site, go to pagelines store via dashboard=>PageLines=>Store and click "Refresh Store" 6. Go to the Template Setup, select "Header" then on the active "Navigation" section, click "Options" then "Clone" 7. Drag the new "Navigation #2" above the "Branding" section. make sure it saves. 8. On "Navigation #2" click "Options" then "Hide this by default." make sure it saves. 9. now go to the page where you want the nav above the logo & click "Edit Page" 10. in the PageLines Meta Settings, click "Page Setup" 11. Put a check next to "Hide Navigation" and another check next to "Show Navigation #2" 12. Click "Save Meta Settings"

[oinegue1960]

Thanks a lot mrfent, it works flawless.
Do you think I'll keep such customization where I would upgrade to Pagelines future releases?

[Simon_P]

Yes, your custom nav folder will not be touched

[oinegue1960]

thanks Simon. I see it's a 'clone'... that means it uses the styles of the 'original' one by default. Is there a way to give it different styles?

[Danny]

Hi, In order to add a different style, you would need to open your custom Nav section.php and change all the classes and Id's. Then in color.less change the class and Id names to the ones you changed in section.php.

[oinegue1960]

Hi Danny, I scrolled section.php but I'm getting some difficulty to target classes and id's references. (i'm not smart with codes...sorry) Can you indicate to me the line numbers of classes and id's I have to change? Thank you.

[catrina]

It should be line 40.

[oinegue1960]

Thanks Catrina. yes it would be line 40 (main_nav_container) and maybe also at line 43 (main-nav) I'll add "_2" to both- Accordingly I'd change 'main-nav' in color.less. More in general I notice the whole styling package of nav bar comes from style.css and only partially comes from color.less. So I'll try to copy and paste such styling section from style.css (pagelines) to style.css (base theme) in order to keep such customization 'safe' in case of pagelines future upgrades. For completeness I'll test this task and where I'll get positive results I'll update this post in order to be useful to other users.

[Danny]

Thanks for this, we appreciate it!

[oinegue1960]

I did not find a way to make the second navbar look different than the one. This is the line 40 of section.php customized by adding "_2" to item I presume would be the correct classes. (maybe I wrong something...) printf('

', $container_class ); and these are the styles I added to Base theme style.css .navigation_wrap_2{position: relative;} .navigation_wrap_2 .main_nav { margin-right: 230px; text-align: left; margin-top: 0px; z-index:28; /* Fancybox Uses 30 */ position:relative; height: 31px; } If someone could indicate my bad I'll correct the codes

• Back to top