Burger Menu (off Canvas) Below Header - Question | JoomShaper

Burger Menu (off Canvas) Below Header

Bob Bishop

Bob Bishop

Template 2 years ago

Hi I am have 2 problems with burger icon

1/ it is below header when in mobile view. Thought it could be size of logo but now changed size several times its still below header.

2/ trying to change color of icon but its not changing

using template version 2.05 Helix

temp site in hidden content

0
11 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #38677

Hi,

Could you please check? Is this ok now?

https://prnt.sc/1wdhsto

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #38541

Hi,

Use this custom css


@media (max-width: 767px){
.burger-icon{
  position: relative;
    bottom: 164px;
    background-color:white !important;
}

}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards

0
Bob Bishop
Bob Bishop
Accepted Answer
2 years ago #38548

That doesnt seem to have worked see image

want burger to be white and side of logo

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #38549

Give me your super admin access on the hidden content please I need to check

0
Bob Bishop
Bob Bishop
Accepted Answer
2 years ago #38550

OK access added to hidden content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #38602

Please clear your browser cache it looks like this on my end

https://prnt.sc/1w92r8e

And if you want to set the burger menu beside your logo then reduce your logo first then let me know.

Thank you

0
Bob Bishop
Bob Bishop
Accepted Answer
2 years ago #38613

OK logo reduced, now 200x31 looks like burger now dropped down but black again. also black on tablet view

mobile logo now 150 x 23

0
Pavel
Pavel
Accepted Answer
2 years ago #38670

Hi.

2/ trying to change color of icon but its not changing

Code for burger icon color

.burger-icon > span {
    background-color: #fff;
}

Remove that

0
Bob Bishop
Bob Bishop
Accepted Answer
2 years ago #38673

Done that Pavel but doesnt seem to work. Cleared cache in Joomla and browser still not showing

0
Bob Bishop
Bob Bishop
Accepted Answer
2 years ago #38684

Great thanks for your time and working it out

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #38689

You are always welcome

0