Header logo overlap?

Hi,

Is it possible to get the header logo here https://www.santini7.co.uk, to overlap with the slider and pages below, what I want is a good size logo but to reduce the white space between the menu and the slider.

Many Thanks

Comments

  • Hi @topper,

    Thanks for contacting us!

    To do this, Go to Appearance => Customize => Header settings => Custom CSS and then add the given below CSS code:

    .navbar-header a {
        padding: 0!important;
    }

    I hope it will work for you!

    Thanks
    Dev


  • Hi Dev, its better but can the main image not overlap the slider?
  • devdev
    edited November 6
    Hi,

    Can you please more elaborate  your query by a screenshot. So that we can assist you better.


    Thanks
    Dev
  • Like this? (obviously the logo will be transparent not white background!)


  • Hi,

    Please let us confirm do you want same as in the screenshot.


    Thanks 
    Dev
  • Yes!!! Thank you.
  • Hi,

    To do this, Go to Appearance => Customize => Header settings => Custom CSS and then add the given below CSS code:

    .navbar-header {
        height: 20px!important;
    }
    .navbar-custom .navbar-brand {
     height: 20px!important;
    }
    @media (min-width: 768px){
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
         height: 10px!important;
    }
    }

    I hope it will work for you!


    Thanks
    Dev
  • You guys are awesome! Exactly what I wanted.

    Thank you!
  • Glad to Help you!


    Thanks 
    Dev
This discussion has been closed.