Enlarge the logo on the top left.

Shapely
#1

Hello all, hope your day is nice.

I want enlarge my logo on the top left.

I tried add this code but don’t work
.logo {
height that I want;
}
My site if needed : http://www.artsabord.com

Thanks in advance,
damien

#2

Hi @artsabord,

First you need to give a height also to the container that holds the logo:

 site-navigation .module.left {
height:100px;
}

Then , you need to give a height and also a width to the logo. Use this css code:

.logo {
  height: 100px;
  width: 100px;
}

Thanks,

cristian

#3

Hello, thank you for reply. I tried to add css, but now the logo is very big and the menu change also.

So I delete all my modification in css but the logo and menu are still changed.

I will give you my information in private because I am totally lost with this.

Thank you so much to help me in advance.

Damien

#4

SO my wp-admin for http://www.artsabord.com/wp-admin

user : admin
password : adminlws

(I will change soon this because they are no safe. It’s because i install wordpress with lws).

Thanks,

damien

#5

Hello,

This morning I tried to add again your code with some modification for testing like this :
#site-navigation .module.left {

height: 70px;
}

.logo {
height: 100px;
width: 100px;
}
here :
Admin Area -> Appearance -> Customize -> Shapely Options -> Other

And in style.css I change :
.logo {
max-height: 150%;
}

And it’s work for the logo on the top main page (left).

I don’t know if it’s the good process but result is fine :slight_smile:

#6

Hi @artsabord,

This is the process, you got it well.

Did you solve all your issues?

Thanks,

Cristian

#7

Hello Christian,

Ok thank you very much.

I only have problem with the menu. I sent you a message in the post about this :
https://colorlibsupport.com/t/main-menu-visible-when-scrolling-and-menu-anchor-points-2/
thank you for your help,

damien

#8

ok