Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • majdi2 Friend
    #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
    #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
    #751610

    Hi

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

Viewing 3 posts - 1 through 3 (of 3 total)

This topic contains 3 replies, has 2 voices, and was last updated by  Saguaros 8 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum