Page 1 of 1

Topbar menu problem

Posted: 27 Sep 2016, 17:07
by diogogarcia
The bottom picture is from the PrimeFaces page. I have editted the text from 'Home' to 'HomeExtended' and see what happens. I'm facing problems because I have a bit larger names on my application, so the menu is going down even on larger screens than the one from the pic below.

Image

Any way to fix this?

Thank you.

Re: Topbar menu problem

Posted: 06 Oct 2016, 13:41
by mert.sincan
Please try with;

Code: Select all

.landing-nav-bar > ul {
   padding: 0;
}          
#landing-page-wrapper #landing-top-bar .landing-nav-bar ul li {
     padding-left: 18px;
}
#landing-page-wrapper #landing-top-bar .landing-nav-bar ul li:first-child {
     padding-left: 0;
}
OR

you can change @media query or add new @media query with your break point.

Re: Topbar menu problem

Posted: 13 Nov 2016, 04:06
by diogogarcia
It did the trick.

Thanks.

Re: Topbar menu problem

Posted: 15 Nov 2016, 14:20
by mert.sincan
Glad to hear, thanks!