Fis The Background Color Of Menu - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Fis The Background Color Of Menu

RB

Rafael Barba

Template 3 months ago

I am using TRAVELIN template, the home pagebegin with a photo backgroun, but my logo is getting lost in the background. How can I set the menu background to always be white?

https://opviajes.com

0
9 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 3 months ago #199090

Hello Rafael,

Thanks for reaching out to us.

Your site is not live yet. Could you please add a screenshot with me?

Thanks

0
RB
Rafael Barba
Accepted Answer
3 months ago #199183

Sorry, the developer site is http://opviajes.mx

This is the home page: https://opviajes.mx/home.png

this is nosotros(about us) page https://opviajes.mx/nosotros.png

I wanna the menu is always same like is in nosotros

Regards

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 3 months ago #199202

Hello Rafael,

Please note that we do not provide customizations, but I’m happy to guide you through the process.

On your developer site, the header background is transparent, which allows the hero section’s background to show through. Because of this, you won’t be able to achieve a design similar to the Nosotros page without adjustments.

If you’d like a similar look, you’ll need to set a background color for the header section and also customize the menu link colors and their hover effects accordingly.

Let me know if you need further assistance—I’m here to help!

Thanks,

0
RB
Rafael Barba
Accepted Answer
3 months ago #199402

I suppose I need a CSS code, could you tell me where I can check the styles of the page to find what I need to change? Thank you.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 months ago #199560

Use this css in your custom code css section:

section#section-id-1650271624263 {
    margin-top: 80px !important;
}
.header-white #sp-header .sp-megamenu-parent>li>a:hover, .header-white #sp-header .sp-megamenu-parent>li>span:hover {
    color: #0345bf !important;
}
.header-white #sp-header .sp-megamenu-parent>li>a, .header-white #sp-header .sp-megamenu-parent>li>span {
    color: rgba(37, 37, 37, 0.6) !important;
}
div#sppb-addon-1650443714357 span.sppb-icon-inner, div#sppb-addon-1650443714357 i.fab.fa-discord {
    border-color: #000000 !important;
    color: black;
}
div#sppb-addon-1650443714357 span.sppb-icon-inner:hover, div#sppb-addon-1650443714357 i.fab.fa-discord:hover {
    border-color:  #0345bf;
     color: #0345bf;
}

Thanks

0
RB
Rafael Barba
Accepted Answer
2 months ago #199723

Thank you, all it's ok

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 months ago #199771

It’s great to hear that your issue has been resolved. If everything is working fine now, please mark the question as complete by accepting any of our answers.

Thank you!

0
RB
Rafael Barba
Accepted Answer
2 months ago #199896

Thank you, I mark all

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 months ago #199920

Maybe you made mistakes to accept the answer, currently its not mark as complete.

Thanks for your time.

0