Navbar menu customisation

amith_vikram01

Hi,

Currently, the menu nav bar/header look like this - https://chapterwise.in/novels

Is it possible to change it exactly like the menu navbar/header of JA Mood template?

Screenshots attached. Please let me know. Thanks

saguaros

The URL doesn't work now.

In JA Mood template, the header is set with gradient background:

.t3-header.affix {
    background-image: -webkit-linear-gradient(top,#5c58dc 0%,#4743d8 100%);
    background-image: -o-linear-gradient(top,#5c58dc 0%,#4743d8 100%);
    background-image: linear-gradient(to bottom,#5c58dc 0%,#4743d8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c58dc',endColorstr='#ff4743d8',GradientType=0);
    box-shadow: 0 0 1px rgba(0,0,0,0.15);
    padding-top: 12px;
    padding-bottom: 12px;
}

You can customize the same for your site.

amith_vikram01

saguaros Thanks a ton. One last thing, how can I make the navbar thinner like JA Mood? If I reduce the height, the homepage shows some variations, as in, a thin blackbar appears on the homepage if I reduce the height of the navbar. Is it possible to thin the navbar on this template?

Thanks again

saguaros

amith_vikram01 Could you share the URL and login info of your site? as the provided URL doesn't work.

And screenshot illustrates how you want it should be.