fbpx

Happy 15 August - Sizzling Summer Sale - 30% OFF. Coupon: 73RDINDEPENDENCEDAYGrab the Deal

Welcome, Guest
Username: Password: Remember me

Need a new feature in Astroid?

Submit feature requests on github and help improve Astroid.

Submit Now

TOPIC: (SOLVED)Transparent main menu

Transparent main menu 6 months 1 week ago #11442

  • SNIFFERco
  • SNIFFERco's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Hi,
Ive installed JDnewjersey template on joomla 3.9.2 (i dont know if thats important) but i cannot find a way to make main manu and drop menu transparent. Would you be kind and help me do that.

Thank you very much
The topic has been locked.

Transparent main menu 6 months 1 week ago #11454

  • nishtha
  • nishtha's Avatar
  • Offline
  • Administrator
  • Posts: 354
  • Thank you received: 38
  • Karma: 7
Hi,

Thank you for installing our JD New Jersey template! To make the main menu and dropdown menu transparent you need to write the CSS code here, the option is not provide in backend.
Let us know if you have any other query!

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
Last Edit: 6 months 1 week ago by nishtha.
The topic has been locked.
The following user(s) said Thank You: SNIFFERco

Transparent main menu 6 months 1 week ago #11455

  • SNIFFERco
  • SNIFFERco's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Thank you for the quick response Nishtha,
Can you please tell me whats the css code and where to write it.
And by the way keep up with the good work, i'm very pleased with jd templates

Have a nice day :)
The topic has been locked.

Transparent main menu 6 months 1 week ago #11460

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 183
  • Thank you received: 41
  • Karma: 7
Hello,
Please for the following steps:
1 Go to templates\jd_newjersey\css
2 create new custom.css
3 custom.css, paste it in the using the given code

#sp-header {
    background: transparent;
}
#sp-header #sp-menu ul.sp-megamenu-parent li .sp-dropdown-main{
	border-bottom: 0;
    box-shadow: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
	background: transparent;
    border: none;
    box-shadow: none;
    padding: 20px;
}
section#sp-slider {
    position: absolute;
    top: 85px;
}

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
The following user(s) said Thank You: SNIFFERco

Transparent main menu 6 months 1 week ago #11463

  • SNIFFERco
  • SNIFFERco's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
Thank you Mukeshraj,
One final question i hope. What about transparency level. Whats the code for transparency level?

Thank you
The topic has been locked.

Transparent main menu 6 months 1 week ago #11471

  • SNIFFERco
  • SNIFFERco's Avatar
  • Offline
  • New Member
  • Posts: 4
  • Karma: 0
i found the solution, in case anyone is searching about the same problem here is the code

#sp-header {
background: transparent; !important;
Background: rgba(63, 163, 201, 0.57)
}
#sp-header #sp-menu ul.sp-megamenu-parent li .sp-dropdown-main{
border-bottom: 0;
box-shadow: none;
Background: rgba(63, 163, 201, 0.57)
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
background: transparent; !important;
border: none;
box-shadow: none;
padding: 20px;
Background: rgba(63, 163, 201, 0.57)
}
section#sp-slider {
position: absolute;
top: 85px;
Background: rgba(63, 163, 201, 0.57)
}


Thanks for the support guys
The topic has been locked.

Transparent main menu 6 months 1 week ago #11509

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 433
  • Thank you received: 62
  • Karma: 14
Great :)

Let us know if you have any query.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

(SOLVED)Transparent main menu 6 months 1 week ago #11511

  • nishtha
  • nishtha's Avatar
  • Offline
  • Administrator
  • Posts: 354
  • Thank you received: 38
  • Karma: 7
Hi,

Glad you found the solution! And thank you for your kind words.
Have a Nice day!!! :)

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.
Time to create page: 0.283 seconds

Happy Independence Day
Save Flat 30%


Celebrate Liberty with The Sizzling Summer Sale - Coupon: 73RDINDEPENDENCEDAY