Burger icon pointer problem - Forum | JoomShaper
Staff replied Helix Framework

Burger icon pointer problem

Asked by Petra 4 years ago Last activity 4 years ago

I'm using Joomla 4 with the template "Magnin" and the latest Page builder 3 pro. After updating the Helix ultimate framework I have the problem, that it is difficult to point the burger icon. it is only possible to open the menu, if you hit one of the small bars.
Is there a solution for this?

Thanks!

4 replies

Rashida Rahman Staff

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

Petra Asked this

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!

Petra Asked this

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

Rashida Rahman Staff

Hello,

Really sorry for the delay.

Please use the following code:

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

Best Regards

Log in to reply.