Off-canvas Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off-canvas Menu

GL

Grethe Lambrecht

Template 3 years ago

lizakrugermeier.com Helix Ultimate on smartphone - off-canvas menu is very difficult to see. I would like to have the 3 black lines up in the white area besides the logo - as it is on computer

0
21 Answers
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53415

Please check now. I have added the following css in custom css section

.logo-image-phone {
    height: 58px !important;
}
0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #52970

Hello

Thank you for your query.

Please add the following css rules in custom css section

@media (max-width: 575px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 0px;
    }
    #sp-logo {
        padding:0px;
    }
    #sp-menu {
        padding: 0px;
    }
}
0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #52972

hello I cannot see any change??? the 3 black lines are still on top of the slide images

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #52976

Hello

Kindly replace the previous rules with these please:

@media (max-width: 575px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 0px;
    }
    #sp-logo {
        padding:0px !important;
    }
    #sp-menu {
        padding: 0px;
    }
}
0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #52981

it's the same you sent me before??? I placed it - but it made no difference

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #52982

no - sorry - I saw now Important. i'll try

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #52983

thanks for trying but I see no difference :-(

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #52984

I will try making a smaller logo to-morrow!

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53300

.

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53385

Hello

Kindly add the following rule in custom css section

.logo-image-phone {
    height: 58px;
}

This will reduce the space that your logo image is currently occupying. At present, it does not leave any space for other components to sit beside.

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53398

I tried. no effect I've made height 28 - but it doesn't change

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53401

Could you provide me your administrative access, please? Use the hidden mode to share the log in credentials.

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53404

sure

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53416

thank you so much. It works!!!

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53418

You are most welcome :)

Please do let me know if there is any other issue, I would be happy to help. If there is no other query, kindly accept the most useful answer that helped you in order to resolve and close the post.

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53419

A humble request, please.

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53424

I tried - but got this message Google authentication is unavailable at the moment. Please try again

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53426

No problem. You can try again later whenever it is convenient for you :)

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53572

Ariba you made this yesterday: .logo-image-phone { height: 58px !important; }

but I cannot see it in custom.css which css did you insert it in??

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #53573

Please check the screenshot below:

custom_code_hu20.png

The css code has been added there.

https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-code-css-js-meta

0
GL
Grethe Lambrecht
Accepted Answer
3 years ago #53583

I found it - and removed it I don't want anything there!!! I have everything gathered in the custom.css file behind have nice weekend

0