Modifying space before and after the logo

[rcastellet]

Hi,

I would like to modify the height (padding) of the row where is shown the logo (the white one between the grey ones). Otherwise appearance is not nice.

 

Thanks.

[Laura]

Hello, can you share access so i can check it out? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rcastellet]

This reply has been set as private.

[rcastellet]

Just want to know if anybody is attending the ticket. Thanks!

[Laura]

Hello, i can help you with the css but i do not see any logo, can you upload one so i can see the difference?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rcastellet]

The logo should be there. I have uploaded again and it now looks good. Thanks.

[rcastellet]

I mean that now the log is visible but it still has no margins on top and bottom. May be the problem is that the logo is in svg format and it could be expanding to fill the area?

Thanks

[Laura]

Hello, please try by adding the following to style.css of child theme 🙂

COPY CODE

img#logo_img {
    width: 50% !important;
}

Do you live in spain? 🙂 I’m at palma

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rcastellet]

Hi Laura,

I live in Barcelona 🙂

I have added the code you provided. It looks good in Edge but is ignored in Chrome. And in both browsers, when scrolling, the image shrinks vertically (flattens) looking horrible.

Thanks

[Laura]

Hello 🙂 try this

COPY CODE

.kleo-main-header.header-normal.header-scrolled img#logo_img {
    width: 50% !important;
}

Below the other it should fix the logo when its scrolling. I tested at chrome and it works fine

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rcastellet]

Just made the logo no resizesable and works fine. It is enough for the moment. Thanks.

[Laura]

Hello, understood, i hope you are fine as i saw the recent news in Barcelona, a big hug from Palma

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[rcastellet]

Hi,

Fortunately, we are fine but immensely sad. Thanks a lot for your sympathy.

[Laura]

Glad you are fine, we are also sad here, sending you support 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts