Jump to content


Photo
- - - - -

Navigation customisation

navigation .main-nav

Best Answer James B , 12 April 2013 - 01:08 AM

Hi Phil

 

We did change the sidebar order in one of the previous editions which confused all the widgets. In order to preserve your widgets, move them all into the inactive area at the bottom of the widget page so they are safe. After updating you can then slide them back into the correct sidebar.

Go to the full post


  • Please log in to reply
15 replies to this topic

#1 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 24 January 2013 - 04:26 PM

Hello,

 

I am having trouble with the main nav colours of the site currently being worked on. This may prove tricky to explain, but here goes...

 

On

Please Login or Register to see this Hidden Content

 (part of the PermCalc section), roll over the PermCalc menu, then on the drop down menu the current page is highlighted in the buff colour. All other pages are coloured light blue and do not appear to change when rolled over.

 

I would like the colours to swap round if possible so the current page is highlighted in blue and other pages in buff. This happens if you roll over a menu which is not a parent of the current page being viewed.

 

When rolling over another drop down menu (eg. Services) everything looks OK. 

 

Code for nav here:

 

Please Login or Register to see this Hidden Content

 

 

I hope that makes sense! Thanks in advance

 

Phil



#2 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 24 January 2013 - 05:05 PM

Hi Phil - Were you able to figure this out? In the middle of me looking at your site to troubleshoot it started to work correctly with the colors in the Navigation.



#3 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 25 January 2013 - 08:41 AM

Hi Mackenzie,

 

No, I haven't worked on the site since posting the original question.

 

I hope the explanation made sense... The issue is that the background colours of the parent drop down menu (of the page being viewed) are the wrong way round. See attached file if that helps!

 

Many thanks,

 

Phil

 

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  63.79KB   16 downloads



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2013 - 08:49 AM

Hi,

 

You're using !important in your CSS, which can cause issue with other states of your navigation. I recommend you review our custom CSS doc and use the PageLines overrides instead.

 

Please Login or Register to see this Hidden Content

 

Also, there is a plugin on the PageLines store, which allows you to easily change the colors of the Nav Classic, which you;re using.

 

I recommend you update to the latest version of PageLines Framework. You're currently using version 2.0.1, which is roughly about one year old.

 

Perform a backup of your website, custom code etc... just as a precaution.



#5 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 25 January 2013 - 12:05 PM

Danny,

 

Thanks for your reply.

 

I removed all the code relating to the main nav, however the Simple CSS plugin had no effect.

 

Am worried about updating PageLines Framework as I don't want it to screw up the site and see doing so as a last resort (the site is live after all).

 

Is there no quick fix by tweaking my amateur coding?!?

 

Many thanks,

 

Phil



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2013 - 12:19 PM

Unfortunately, we are unable to provide you the custom CSS needed to achieve your style.

 

If you're not comfortable with custom CSS or code. I recommend you contact one of our Pros

 

Please Login or Register to see this Hidden Content

 

for assistance or check out our CSS Customization section in our Doc Center to give you a good headstart on CSS changes you can make

 

 

Please Login or Register to see this Hidden Content



#7 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 25 January 2013 - 12:38 PM

Danny,

 

The quote on the PageLines Forum says: "have a question about CSS or PHP customizations? We can help point you in the right direction. Just remember we can't design your site for you."

 

So, I'm not asking you to design the site. I've done that. I just hoped someone would be kind enough to point in the right direction where I've gone wrong! I don't think I'm asking much.

 

PageLines has always given us good support in the past. Can anyone else help please?

 

Many thanks,

 

Phil



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 25 January 2013 - 01:05 PM

Phil, I have already informed you of your issues above:

 

1. You're using PageLines Framework version 2.0.1, which is like I mentioned nearly a year old and in not updating, you may be putting your site in jeopardy i.e. security risk.

2. You're using !important declaration in your CSS.

 

In order to correctly override PageLines CSS, you need to use one of the PageLines overrides, more information on the overrides is available on the Custom CSS link I provided you above. Another thing to note is that when using !important it overrides everything, so the first thing you need to do is remove this declaration from your CSS. Removing !important and starting again using the PageLines overrides will make your life much easier.

 

Once removed, inspect the navigation to correctly find the selectors/classes using Firebug or your browsers built-in web dev tools. Once found, use them to correctly configure your CSS and style your navigation.

 

For example:

 

You're using this CSS:

 

Please Login or Register to see this Hidden Content

Instead you should use this:

Please Login or Register to see this Hidden Content

But you're making your life more difficult using the PageLines version you're using, as with the latest version all sections have unique classes. These classes, make your life super easy and there would be no need to use the following CSS, all you would need to do is inspect the section and view the class being used, usually it should look like this:

 

.section-nav

.section-hero

.section-navbar

 

and so on, but with you using the version you're, these classes are not available.

 

Also, read the Wordpress article here for menu item CSS classes - 

Please Login or Register to see this Hidden Content


  • gabriel1937 likes this

#9 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 25 January 2013 - 02:52 PM

Hi Danny,

 

OK, thanks for your help. It sounds like we should upgrade PageLines 2.01 to version 2.4 – are we able to upgrade to this version without any additional cost?

 

We've held off upgrading PageLines to date – we'd heard others have had problems with their sites breaking after upgrading.

 

Many thanks,

 

Phil



#10 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 25 January 2013 - 04:11 PM

No, upgrades don't cost any money. (Only the major upgrade, to PageLines Framework 3 for example, would require some kind of additional cost)



#11 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 28 January 2013 - 11:34 AM

Thanks Catrina. One final thought, if we update to the later PageLines, will the CSS we have added stop working because the later version uses different classes?

 

Just trying to avoid a major headache having to redo everything.

 

Many thanks,

 

Phil Chandler



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 28 January 2013 - 11:26 PM

Phil,

 

It's highly unlikely, but there may be some very minor instances where an element changes.  Using

Please Login or Register to see this Hidden Content

, this should be easily resolved.  If there's any headache, it's going to be one of those little ones, not major.



#13 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 11 April 2013 - 02:34 PM

Dear all,

 

At last, we finally got round to updating to the latest Pagelines Framework (2.4.1). After deactivating all plugins first, upon updating all widget information seemed to disappear and had to be re-inputted manually. Not fun.

 

We've got a couple of other sites that we'd also like to upgrade from 2.0.1 to 2.4.1... but want to avoid this headache again. Should we have done anything different?

 

Many thanks,

 

Phil Chandler



#14 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 12 April 2013 - 01:08 AM   Best Answer

Hi Phil

 

We did change the sidebar order in one of the previous editions which confused all the widgets. In order to preserve your widgets, move them all into the inactive area at the bottom of the widget page so they are safe. After updating you can then slide them back into the correct sidebar.


  • gabriel1937 likes this

#15 gabriel1937

gabriel1937

    Member

  • Members
  • 20 posts
  • Country: Country Flag

Posted 12 April 2013 - 06:38 AM

James... many thanks will give this a go.



#16 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 April 2013 - 11:11 AM

Is this topic now resolved ?







Also tagged with one or more of these keywords: navigation, .main-nav