Reduce Header Height

1 reply · opened Dec 19, 2017

EekakurniawanDec 19, 2017

Hello, how do i reduce the header height? in the picture i want to reduce the "ximpay" container height (white color)

SSemicolon WebSTAFFDec 21, 2017

Hello,

Consider using the following CSS Code:


@media (max-width: 991px) {
 
    /* For Header Height of 60px */
 
    #logo,
    #logo img { height: 60px; }
 
    #primary-menu-trigger { top: 5px; }
 
    #top-search a,
    #top-cart,
    #side-panel-trigger,
    #top-account { margin: 20px 0; }
 
    #top-search form { height: 60px !important; }
 
    #top-cart .top-cart-content { top: 40px; }
 
    .sticky-responsive-menu #header { min-height: 60px; }
 
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard