Posted 17 December 2012 - 12:10 PM
I'm currently working on a site for a client and they would like me to align the drop down menus on the main nav bar with the main menu item. They would also like the width of the drop downs to be reduced a little too.
Please could you point me in the right direction of where I need to head to edit the css?
Attached is a mock up image of what I'm wanting to do. I'm using the latest release of Pagelines and the Base Child Theme.
Posted 17 December 2012 - 03:23 PM
Instead of editing the existing CSS, you must add CSS that overwrites the existing code to Site Options > Custom Code > Custom CSS. Please see here for further instructions:
Posted 17 December 2012 - 08:05 PM
Thanks for the reply. Sorry I should have been more accurate with my question. What are the CSS selectors/elements I should use to overwrite the default code.
I've tried using Right Click/Inspect element in Chrome but I can't seem to grab hold of the drop down menu long enough for it to show me the correct css for the dropdown.
Posted 17 December 2012 - 08:09 PM Best Answer
I highly recommend that you use Firebug in Firefox (I prefer it over using Chrome inspection tools). It'd be much easier to identify the selector in the right side of the inspector screen (where the CSS is shown).
Posted 17 December 2012 - 08:10 PM
No worries... I persevered with Chrome (really fallen out of love with Firefox in our studio)... Got it sorted
Posted 17 December 2012 - 08:29 PM
Yep, all sorted for now
I can do all the other edits my client requires. Just couldn't nail down that css selector