Archived topic
How to give a gradient background colour to navigation
3 replies · Started by Deepa Chokkakula on October 6, 2021
How will I give top navigation a gradient background color?. Please note this background mostly for all devices

Hi there,
can you share a link to your site so i can see the layout.
Please check the site. I shared the link.
Hi there,
You can create your own CSS gradient value here - https://cssgradient.io/
And then apply it to nav#site-navigation selector.
Example:
nav#site-navigation {
background: rgb(14,13,85);
background: linear-gradient(90deg, rgba(14,13,85,1) 0%, rgba(64,56,196,1) 33%, rgba(96,96,227,1) 55%, rgba(0,212,255,1) 100%);
}
see an example applied to your site here - https://share.getcloudapp.com/geup8Edw