Adjust the position of the burger icon (off canvas) - Forum | JoomShaper
Staff replied Templates

Adjust the position of the burger icon (off canvas)

Asked by Christian Haselsberger 8 months ago Last activity 8 months ago

Hi there,
I am having problems positioning the burger icon. This affects the mobile view on the website.
I have already tried using this code in Custom CSS. Unfortunately, it is not being applied.
@media (max-width: 575px)

offcanvas-toggler {

height:180px;
line-height:60px;
  margin-right:25px;

}

However, this code is not being accepted.
Any idea how this can be fixed?
Thank you so much
Christian

2 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
8 months ago · edited

Hi Chris,

Inside your custom.css I saw that you used those two


body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  float: right;
  margin-left: 20px;
}

@media screen and (max-width: 575px) {
    #offcanvas-toggler {
        height: 180px;
        align-items: flex-end;   /* 👈 DAS ist der Schlüssel */
        margin-left: 25px;
    }
}

and on front-end look OK

info_3708_2026.jpg

Paul Frankowski Senior Staff
8 months ago

Tell me what is your goal, where [=] icon must be?

Log in to reply.