Site logo

Archived topic

How to give a gradient background colour to navigation

3 replies · Started by Deepa Chokkakula on October 6, 2021

Viewing posts 1–4 of 4

How will I give top navigation a gradient background color?. Please note this background mostly for all devices

navigation

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

This archived topic is closed to new replies.