Hi Ismael,
Yes correct.

But if I chance the general settings I will change all site.

How can I make narrow only one single page?

Thanks

I’m sorry Rikard,
That’s not the point.

Whether the CSS is coming from the theme of not, it’s still a valid CSS.

And it works, usually.

By time to time the quick CSS stops working. If you check the CSS you’ll see the code. Now, my question is about how to fix X the CSS from stopping working.

Thanks
Marco

Hi Rikard,

it back to orange after I saved the CSS.

Could you please tell me what color you see in the mobile menu? https://www.screencast.com/t/mOIor3Ax

Can you do a test yourself from the mobile? https://www.viverelondra.com

thanks
Marco

Hi Victoria,

I have the same issue with another page – promobox without margin below .

The code you gave me

#top .av_promobox {
    margin: 50px 0;
}

is there, but not working for this page.

Usually it is the second promobox in the pages.

Thanks,
Marco

Hi Nikko,

I see there is already some code on the CSS but I cannot overwrite it.

See here: https://www.screencast.com/t/W7GwwM7jBi

I have applied this code

@media only screen and (max-width:767px) {
  .responsive .logo img {
    max-height: 60px !important;
  }
}

but it does not work.

Any suggestion?

thanks
Marco

Is there any way i can produce a smaller header in the mobile view too?

Thank you,

Marco

Hi Nikko,

let me start from scratch.

This is the bar with NO code at all https://www.screencast.com/t/mnGHgHaFv6NU

This it the bar with a smaller Logo made using the below code with padding 20 https://www.screencast.com/t/cbceAaui5m

#top .logo img {
    padding: 20px;
}

Now, I understand you told me to put the padding to 0 in order to remove the space, but by doing this, I will also restore the size of the logo (BIG) but I would like to keep the logo small.

So, my goal is to keep the logo small and making the bar narrower by removing all the space above and below the logo – not by making the logo bigger.

Thanks,
Marco

• This reply was modified 3 years, 11 months ago by marcoabis81.

Done. however I cannot get to have a lower header.

Any other help?

Below me site details.

Thanks,
Marco

Hi Nikko,

thank you for the answer. Your code worked and removed the white space above and below the Logo but that it not what I need to achieve.

I would like actually to have the top bar lower. Its height lowered. So instead of be this high, I would like it to be as high as the logo height is.

So, its actually height minus the white spaces I showed you.

thanks
Marco

Hi Victoria.

Yes I understand it.

What I can’t understand is: why is the rule from the theme removing the margin of only 1 of the 2 promobox in the page?

Marco

Hi Victoria,

if I add the margin, all the promobox will have the margin.

In the page I sent you, one promobox (the first above the page) behaves correctly, the secondo one does not have the space below.

So I am trying to understand why one promobox behaves in a different way than the other in the same page.

Thanks,
Marco

Hi Rikard,

I do not know how to explain it better. Can you see the forward slash >>> / after the link? it is not supposed to be there and it started appearing at the end of every link of my site a few weeks ago,

https://www.viverelondra.com/richiedi-national- insurance- number/ <<<<<<< see this?

I indicated it here in the screenshot https://www.screencast.com/t/mzFNcAP2MBYO

regards,
Marco

Amazing Rikard,

it was just a matter of clearing the cache. Even if I did remove the code 2 days ago.

thank you :-)

Marco

Thank you Victoria :-)

Hi Rikard,

I am sorry, details were expired.

Find it below :-)

Marco