Header Logo Full Width

Activello
1

Hello everybody

I’m trying to make my logo full-width in my site with Activello Theme (spotlightech.es)

I have read all the the posts talking about this in this forum. I introduce the CSS through Appearance>Customize>Additional CSS but it didn’t work. I use this code (recopilated from this forum)

header.site-header > .container { width: 100%; padding: 0; } div#logo { padding: 0; } #logo span.site-name, #logo a.navbar-brand { display: block; } #masthead > .container { min-width: 100%; width: 100%; padding: 0; } #logo img { width: 100%; }

Can you help me please? Where is my mistake?

Thank you very much.

2

I visited your shared site and saw the custom CSS code is working fine but you have set small logo image so it doesn’t occupy whole page with. Please set larger logo image.

3

Hi Vinod

First of all, thank you very much for your response.

I load the logo in this size 2247X619 px

But when i set it as header logo it always told me to crop it… Although i expand the crop selection, it set me to 720X200 px… How can i avoid it?

Thank you again

4

To achieve this use the custom plugin shared in the following topic then use logo image without cropping it.

https://colorlibsupport.com/t/logo-uploads-fine-but-looks-blurry/

5

Thank you again Vinod.

It Works¡¡¡¡

6

You are most welcome here :slight_smile: