Hi there!

Thanks for contacting us.

Please use the following code snippet in your custom CSS:

@media (max-width: 767px){
    #sp-header.full-header {
        padding-right: 0px;
        height: auto;
    } 
    #sp-header > .container-fluid > .container-inner > .row.align-items-center {
        max-width: 100%;
    }
    #sp-logo .logo{
        height: auto !important;
        margin-bottom: 30px;
    }
}

Note: General Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Hope this will solve the issue for you!

Best Regards

Hi Rashida,

thank you for your answer. This is good for mobile view. Thanks!

But I'm talking about the desktop. On desktop it is very difficult to hit the Icon. Please have a look one more time.

Thanks!

Hi, the website is now online and I really need your answer to resolve the problem. Thanks!

Hello,

Really sorry for the delay.

Please use the following code:

.burger-icon {
    visibility: visible;
    width: 40px;
}

Best Regards