Burger Icon Pointer Problem - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Burger Icon Pointer Problem

P

Petra

Helix Framework 3 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!

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #83349

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

0
P
Petra
Accepted Answer
3 years ago #83380

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!

0
P
Petra
Accepted Answer
3 years ago #83628

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #83765

Hello,

Really sorry for the delay.

Please use the following code:

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

Best Regards

0