Return to previous page

Decrease height of header - by hostpuppies

This topic has 6 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: hostpuppies
    hostpuppies
    Participant
    October 24, 2014 at 03:35

    I want to decrease the header height from top to bottom. I have attached a pic for illustration. Is there css tht I can sue to do this? header

    #21429 Copied
    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 24, 2014 at 07:20

    Hello,

    This code can help you. Please add into custom.css file.

    .header .container{
padding: 15px 15px !important;
}

    Regards,
    Robert Hall.

    #21438 Copied
    Avatar: hostpuppies
    hostpuppies
    Participant
    October 24, 2014 at 19:51

    Hey RObert thank you. Tried that code no real descrease in size. Need the entire height to be about 130-135px

    #21629 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 24, 2014 at 22:45

    Hello,

    Please try to use this code:

    .navbar {
    margin-bottom: -20px !important;
    margin-top: -20px !important;
}

    Thank you.
    Regards,
    Eva Kemp.

    #21660 Copied
    Avatar: hostpuppies
    hostpuppies
    Participant
    October 24, 2014 at 23:35

    that one did the trick. thank you. awesome

    #21676 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 25, 2014 at 08:16

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #21690 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘decrease height of header’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.