Side Header Navigation - Increase link padding top and bottom?
Permalink Browser Info Environment
When using the Side Header navigation, if a page name goes on two lines, it overlaps other pages listed in the navigation.
Is there a way to increase the navigation padding top and bottom when using the Side Header to prevent overlapping when a page name goes on two lines?
Thanks
Is there a way to increase the navigation padding top and bottom when using the Side Header to prevent overlapping when a page name goes on two lines?
Thanks
Type: | Pre-Sale |
---|---|
Status: | Resolved |
Thanks for the prompt reply and advice!
Unfortunately this custom CSS isn’t making any difference.
I copied the packages/theme_pixel/themes/pixel/css/less/custom.dev.css.tmp to packages/theme_pixel/themes/pixel/css/less/custom.dev.css and the contents of the copied file look like:
/* sample for change fonts: */
/*
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
*/
.side-header #primary-menu ul ul {
margin-top: 25px;
}
Is this correct? Or am I doing something silly here? Thanks again for the help!
Unfortunately this custom CSS isn’t making any difference.
I copied the packages/theme_pixel/themes/pixel/css/less/custom.dev.css.tmp to packages/theme_pixel/themes/pixel/css/less/custom.dev.css and the contents of the copied file look like:
/*-----------------------------------------------------------------------------------
custom.dev.less
1- Rename it to 'custom.dev.less'
2- Add all your custom css here
-----------------------------------------------------------------------------------*/
/* sample for change fonts: */
/*
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
*/
.side-header #primary-menu ul ul {
margin-top: 25px;
}
Is this correct? Or am I doing something silly here? Thanks again for the help!
Have you cleared the cache and pressed the Ctrl+F5?
If you did so, plz send me a live link to check.
If you did so, plz send me a live link to check.
Yeah, cleared the cache both in C5 and in the browser, to no avail. I'll PM a URL. Thanks for taking the time to look into this!
Plz try this piece:
.side-header #primary-menu ul li a { line-height: 15px; }
That's great, it works. Thanks for helping me out with my poor CSS skills!!
Anytime Robbie.
I don't think it's a good idea to have long page names which fall into the second line. I suggest that you choose smaller names for the menu. Anyway, If you insisted on doing so, inserting these piece into 'custom.dev.less' should afford what you have in mind: