Joomla Templates Club 406,261 posts

[majdi2 Friend majdi2Join date: October 2008Posts: 62Downloads:16Uploads:15 Thanks: 2 Thanked: 1 times in 1 posts]

#704839

Hi,

I formatted the header to fit a logo with a hight of 70px. After testing this, I can see some problems with the line dividers between menu items. The first line divider is shorter than others, please refer to the screenshot and custom.css code provided here.

Also, is the code I used correct for this formatting or is there a better way to accomblish this without browser or mobile compatibility issues.


/*custom.css edits, file path templates>uber>css*/

@media (max-width: 810px) {
.uber-header.header-4.affix {
position: static;
}
}
.navbar-default.navbar-nav>li {
min-height: 70px;
}
.navbar-default .navbar-nav>li>a {
padding-top: 24px;
padding-bottom: 24px;
padding-right: 50px !important;
}
.navbar-toggle {
height: 70px;
line-height: 70px;
}
.uber-header {
height: 80px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
border-bottom: 1px solid #dadedf
}

div.logo-image img {
max-height: 70px!important;

}


[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#704972

Hi

It’s better if you post your site’s URL here so that I can take a look and suggest you further.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#751610

Hi

It’s better if you post your site’s URL here so that I can take a look and suggest you further.

[Author]

Posts