Jump to content
Sign in to follow this  

Modifying Theme of Standard Navigation Bar

Recommended Posts


I have upgraded to PageLines Lite from Platform for my site.


I have tried to modify the theme of the navigation bar at Pagelines -> Site Options -> NavBar -> Select Theme


However, no matter how I tried, the navigation is always in Light Grey.


Even after I reset all settings and even import the settings from my Pagelines test drive (http://ernestek.pagelines.me/), it always appears the same.


Any ideas how I can change the theme of the navigation bar?



Share this post

Link to post
Share on other sites

Two more remarks:


1) The section code of the navigation bar:

<section id="nav" class="container clone_1 section-nav fix">


2) The only plugin I used and must be used is WPML.



Another remark:


I think I start to know what's going wrong:


In the test drive, the section code for nav bar is:

<!-- NavBar | Section Template -->

<section id="navbar" class="container clone_1 section-navbar fix">


Whereas in my site:

<!-- Nav Classic | Section Template -->

<section id="nav" class="container clone_1 section-nav fix">


How can I change Nav Classic to NavBar?

Edited by cloudmail (see edit history)

Share this post

Link to post
Share on other sites
James B

Hi there, to change classic nav to navbar go to Pagelines>drag and drop. You can switch the sections over in the header area using the drag and drop sections.

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

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

    • Kedark
      By Kedark+
      Hello, I need help. Can and how to do it. I need to add more page appearance templates (page attributes). At the moment it's default and FRAMEWORK A, FRAMEWORK B etc. I need to add two more. How can I do this.
      Unfortunately, I did not find such a thread on the forum.
    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • 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
    • nadielp
      By nadielp+
      Hi Everyone,
      I am trying to get a single navigation item to center. I am using a scroll menu in the navigation component of Impulse. I would like to have the item in the center of the page but it defaults right. I tried setting the item to center a few different ways and nothing is working. I added {
        display: inline-block;
        position: relative;
        text-align: center;
      but that didn't work...any help would be appreciated. Site is at http://vetpaw.org/new
    • abuzzelli
      By abuzzelli+
      Is there a shortcode or a way to automatically pull the site name into the footer or elsewhere?