Hello all, i need help regarding this condition.
I was once open a topic to put the custom CSS code. Since the thread is closed now, i can’t reopen the topic.
My question is : How to put this Line behind the navigation Drop Down Menu?
My Website : vibesintegrated.design
Thank you
Hi Sutriano,
Thanks for writing in!
Please replace this CSS, that you have added from the old post
.x-navbar-wrap:after {
position: absolute;
content: "";
height: 5px;
width: 100%;
z-index: 999999;
background: rgba(243,226,199,1);
background: -moz-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,226,199,1)), color-stop(40%, rgba(243,226,199,1)), color-stop(66%, rgba(182,141,76,1)), color-stop(99%, rgba(193,158,103,1)), color-stop(100%, rgba(233,212,179,1)));
background: -webkit-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1 );
}
With this
.x-navbar-wrap:after {
position: absolute;
content: "";
height: 5px;
width: 100%;
z-index: 4;
background: rgba(243,226,199,1);
background: -moz-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,226,199,1)), color-stop(40%, rgba(243,226,199,1)), color-stop(66%, rgba(182,141,76,1)), color-stop(99%, rgba(193,158,103,1)), color-stop(100%, rgba(233,212,179,1)));
background: -webkit-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(243,226,199,1) 40%, rgba(182,141,76,1) 66%, rgba(193,158,103,1) 99%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1 );
}
Hope this helps!
Thank you guys. It work !
Glad to know!
Thanks
Hai, i just realized my website vibesintegrated.design logo was gone after i put the code.
How to restore it?
Thank you
Hi Sutriano,
Thanks for writing in!
The CSS shouldn’t have any issue.
You can try deleting the CSS and check if the issue resolved.
If that doesn’t fix your issue. that might be due to some other reason.
You can test for a plugin conflict, You can do this by deactivating all third-party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Because the CSS is only for the bar.
Hope this helps!
Thanks
i found out that my problem is not in the plugin or the CSS
It’s in the JS code for navbar. once i deleted the JS, the logo appear.
It looks like the logo is stacked.
Hey @Amazone,
Could you please provide us the JS script that you are using? You can post it in your next response.
By the way, the actual navbar height is 79px. Please go to X > Theme Options > Header > Navbar and set the Navbar Top Height to at least 90 because at the moment, it is only 50. This should resolve the placements of your submenus.
Hope this helps. Please let us know how it goes.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.