How can I style the header so it's like the demo? Mine is slightly wider so the logo and nav text are off center. Also, the orange line under each nav link has a space under it, possibly due to the navbar being too wide.
I also notice that when the Static Background color is set to transparent it's almost imposible to see the nav links on a mobile device. Is the only way to resolve this is to make the static background solid? Thanks!
FYI, I just noticed my logo is not resizing on-scroll. That's probably the issue. How to I set that?
Here are the styles I have added so far:
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover { border-bottom: 2px solid #F76513; } .lp-header .navbar-default .navbar-nav > li > a i, .lp-header .navbar-default .navbar-nav > li > a, .lp-header .navbar-default .navbar-nav > li > a:hover, .lp-header .navbar-default .navbar-nav > li > a:focus, .lp-header .navbar-default .navbar-nav > .social > a i, .social-menu a i { color: #FFF; } .lp-header .navbar-default.top-nav-collapse .navbar-nav > li > a:hover { color: #FFF; } .lp-header .navbar-default .navbar-nav > li > a { font-size: 16px; font-weight: lighter; }
How can I style the header so it's like the demo? Mine is slightly wider so the logo and nav text are off center. Also, the orange line under each nav link has a space under it, possibly due to the navbar being too wide.
How can I style the header so it's like the demo? Mine is slightly wider so the logo and nav text are off center. Also, the orange line under each nav link has a space under it, possibly due to the navbar being too wide.
https://www.awesomescreenshot.com/showImage?img_id=2902073
I also notice that when the Static Background color is set to transparent it's almost imposible to see the nav links on a mobile device. Is the only way to resolve this is to make the static background solid? Thanks!
FYI, I just noticed my logo is not resizing on-scroll. That's probably the issue. How to I set that?
Here are the styles I have added so far:
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {
border-bottom: 2px solid #F76513;
}
.lp-header .navbar-default .navbar-nav > li > a i, .lp-header .navbar-default .navbar-nav > li > a, .lp-header .navbar-default .navbar-nav > li > a:hover, .lp-header .navbar-default .navbar-nav > li > a:focus, .lp-header .navbar-default .navbar-nav > .social > a i, .social-menu a i {
color: #FFF;
}
.lp-header .navbar-default.top-nav-collapse .navbar-nav > li > a:hover {
color: #FFF;
}
.lp-header .navbar-default .navbar-nav > li > a {
font-size: 16px;
font-weight: lighter;
}
Hi,
you can select color transparent for logo
follow: https://www.awesomescreenshot.com/image/2903881/1a3a587929b7232410765d82a069cfeb
mobile: you can add css code. Go to Wealth option/Styling option/ Css code => add css
@media (max-width: 767px){
.lp-header .navbar-default {
background-color: your-color;
}
}
How can I style the header so it's like the demo? Mine is slightly wider so the logo and nav text are off center. Also, the orange line under each nav link has a space under it, possibly due to the navbar being too wide.
https://www.awesomescreenshot.com/showImage?img_id=2904605
FYI, I just noticed my logo is not resizing on-scroll. How to I set that? Thanks!
Hi,
you can add css code
.lp-header .navbar-default .navbar-nav > li > a {
line-height 20px;
}