I Need To Remove Both The Dark Green Background And The Logo Itself. - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

I Need To Remove Both The Dark Green Background And The Logo Itself.

Mauricio Valdez

Mauricio Valdez

SP Page Builder 2 months ago

Hello...

I'm having a problem I can't figure out how to resolve. I put the Ágtica Edusoft logo at the top. When I open the OffCanvas hamburger, the logo is on a dark green background. I need to remove both the dark green background and the logo itself. I don't know how to remove it. I've already looked in the template or on some SPBuilder page, but I can't find where or how to disable it so it doesn't display anymore.

I'm attaching an image of the situation, and I'm pointing with the red arrow at the logo, as well as the dark green area I need to remove or suppress.

Can you help me figure out how to remove or suppress it, please?

The website is www.agtica.net

![https://1drv.ms/i/c/981553754e5714b4/EeG43Y3e8XdImB8EsNc3QkIBzt4RnmvKcBXsoZVyAYQaOQ?e=o4GGVU]

https://1drv.ms/i/c/981553754e5714b4/EeG43Y3e8XdImB8EsNc3QkIBzt4RnmvKcBXsoZVyAYQaOQ?e=o4GGVU

0
6 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 2 months ago #201116

Hello Mauricio,

Sorry for the inconvenience you're experiencing. To remove the dark green background and the logo, please add the following CSS code to your Template Options -> Custom Code -> Custom CSS:

.offcanvas-menu > .align-items-center{
    background-color: unset !important;
}

.offcanvas-menu .logo-image{
    display: none !important;
}

If this doesn't solve the issue, please reach out and I'll look into it more deeply.

Hope this helps!

Best regards

0
Mauricio Valdez
Mauricio Valdez
Accepted Answer
2 months ago #201218

Hello Atick

Thank you so much. The code you sent me worked, thank you so much!

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 2 months ago #201244

You’re most welcome! I’m glad to hear the code worked perfectly for you.

Please marked the issue as solved

Best regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #201126

Hola.

About how to hide logo, I would use that more general CSS instead above one:

.offcanvas-menu .logo {display: none !important;}

But also check if you can hide it from Template Options > Menu > Offcanvas > Show logo : Off


And as you can read in Helix documenation tips, use that CSS to change [x] icon in Offcanvas Menu

.offcanvas-active .burger-icon > span {background-color: #ccc;}

Then it will be more visible on dark background.

0
Mauricio Valdez
Mauricio Valdez
Accepted Answer
2 months ago #201219

Hello Paul

Thank you very much, these options you provide me are also very good and they may be useful for other cases!... thank you very much!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #201250

Please mark topic as solved, and have a nice day.

0