make logo on mobile bigger with CSS and change spacing

Site URL: https://nataliebjordal.com/

Hi there!

Can anyone please help me with some CSS code to change the size of the logo (it's set to maximum in the settings) and the space of the header ? I tried with some code found here on the forum but nothing seems to work!

Thanks a million in advanced!

On 11/12/2021 at 2:01 AM, EleniM said:

Site URL: https://nataliebjordal.com/

Hi there!

Can anyone please help me with some CSS code to change the size of the logo (it's set to maximum in the settings) and the space of the header ? I tried with some code found here on the forum but nothing seems to work!

Thanks a million in advanced!

You can try adding to Home > Design > Custom Css the following codes

.header-title-logo img {
  max-height: 100%;
}

.header-layout-nav-center .header-nav .header-nav-item {
    margin-left: 1vw;
    margin-right: 1vw;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

My testing result

Thank you so much !!! Very much appreciated