fbpx

Astroid Framework - Next generation Joomla template builder Download Astroid

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Transparent main menu

Transparent main menu 2 months 2 weeks 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 2 months 2 weeks ago #11454

  • nishtha
  • nishtha's Avatar
  • Offline
  • Administrator
  • Posts: 231
  • Thank you received: 27
  • Karma: 6
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.
Last Edit: 2 months 2 weeks ago by nishtha.
The topic has been locked.
The following user(s) said Thank You: SNIFFERco

Transparent main menu 2 months 2 weeks 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 2 months 2 weeks ago #11460

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 107
  • Thank you received: 23
  • Karma: 5
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 2 months 2 weeks 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 2 months 2 weeks 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 2 months 1 week ago #11509

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 254
  • Thank you received: 41
  • Karma: 10
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 2 months 1 week ago #11511

  • nishtha
  • nishtha's Avatar
  • Offline
  • Administrator
  • Posts: 231
  • Thank you received: 27
  • Karma: 6
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.
The topic has been locked.
Time to create page: 0.495 seconds