Jump to content
Sign in to follow this  
King Creative Design

brand nav and nav classic customization

Recommended Posts

King Creative Design+    0
King Creative Design

Hi there, I'm trying to customize the two navigation bars (see link below); brand nav and nav classic independently. I want the one below to be much bigger, and the one above a point or so smaller. I also want to center the bigger navigation that is below the brand nav.

 

http://campmakebelievekids.net

 

Please let me know if it's possible and how if so... I have tried to use firebug to figure out the css without any luck.

 

Thanks in advance!

 

Michele

 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Michele

 

Yes it can be done, you can make those alterations and change the alignment but it will have to be done using css.

 

Have you seen the overview on css inside the framework and the video? If not you can view them here - http://www.pagelines.com/wiki/Custom_CSS

 

In firebug or chrome developer tools you'll need to inspect the element to find out the name of the item you're intending to edit. For example nav classic will be #nav, that will showup in the html code at the bottom of the inspector screen, scroll through the html to find the class/selector which highlights the exact area you're looking to edit, by clicking on that div name for that section you'll see the associated css on the right, which you can edit in firebug and then copy/paste back into pagelines>site options>custom code

 

An example of editing the menu is included below

 

.navigation_wrap .main_nav {
    font-size: 12pt;
    height: 31px;
    margin-right: 230px;
    margin-top: 0;
    position: relative;
    text-align: left;
    z-index: 28;
}

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

    • 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
       
      Thanks!
      Daniel
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
    • Houston Haynes
      By Houston Haynes+
      I'm still "piercing the veil" of platform 5, with page navigation the current subject of interest. I worked with a few plugins (the most useful being Next Page Not Next Post) but I wanted to take a step back and start with an example - and see if I could get a bit of help "inside the beltway". 
      What I'm looking to do is substantially similar to the pagelines docs pages - see my annotated screenshots attached. At the top of a "child" page I want a link back to the "parent" page - and at the bottom of that "child" page I want to place a similar link to the "grandchild" page. At the bottom of each grandchild page I want there to be navigation "buttons" to sibling pages in the hierarchy. 
      "Next Page Not Next Post" handles what I'm expecting for "sibling" navigation, but I'm having a bit of trouble getting over the logistical hump of applying that functionality to my page "Template C" instance only. And per the attached examples, while researching how to solve this problem I see on the Pagelines site *itself* that the navigation elements are in place - and I especially like the oval button formatting of the sibling page navigation.
      So - really, my question is two-part:
      Are there plugins/code snippets/tutorials/threads here that show how Pagelines achieved their page hierarchy nagivation, and  Is there a tutorial (or advice from generous contributors here) on how to use the PHP templates to override the content portion of the page to add the navigation elements? Thanks in advance!


    • hungryitalian
      By hungryitalian
      What is the equivalent to DMS2's PostNav section in PL5?  I'm looking for PREVIOUS/NEXT buttons that show the associated post names for the previous and next posts.
      Thanks,
      J.D.
×