Resizing an icon on mobile / mobile menu center

Site URL: https://www.lisisloggia.it/

Hi there

I have a problem in resizing an icon on mobile.
On the home of the IT page, the icon is shown very big (after the second image from top). I managed to resize it on the DE page, but in the IT page it is still big.

https://www.lisisloggia.it/

And in mobile the navigation/menu is left aligned. I would like to center it. Any idea how?

Thanks for your help!!

Best
Sibylle

Add to Design > Custom CSS

/* DE icon */
div#block-fdabd8657a44f376caa5 {
    width: 30%;
    margin: 0 auto;
}

You mean mobile logo?

17 hours ago, tuanphan said:

Add to Design > Custom CSS

/* DE icon */
div#block-fdabd8657a44f376caa5 {
    width: 30%;
    margin: 0 auto;
}

You mean mobile logo?

Hi @tuanphan. Thank you very much, it worked!

How can I make the mobile menu centered?

Thanks for your help.
Sibylle

On 3/16/2022 at 11:36 PM, orneverornow said:

Hi @tuanphan. Thank you very much, it worked!

How can I make the mobile menu centered?

Thanks for your help.
Sibylle

Use this code

/* center mobile logo */
.header-display-mobile .header-title-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
}