fbpx

You'll fall in love with this sweet deal Save 25% with this code: VALENTINESDAY Unlock Offer

Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED)Transparent main menu

Transparent main menu 4 days 18 hours 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 4 days 13 hours ago #11454

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 80
  • Thank you received: 13
  • Karma: 1
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: 4 days 12 hours ago by nishtha.
The topic has been locked.
The following user(s) said Thank You: SNIFFERco

Transparent main menu 4 days 11 hours 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 4 days 8 hours ago #11460

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 42
  • Thank you received: 8
  • Karma: 2
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 4 days 5 hours 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 4 days 3 hours 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 3 days 14 hours ago #11509

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 153
  • Thank you received: 23
  • Karma: 3
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 3 days 14 hours ago #11511

  • nishtha
  • nishtha's Avatar
  • Offline
  • Moderator
  • Posts: 80
  • Thank you received: 13
  • Karma: 1
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.499 seconds