NeoWeb

Replied thru contact form. Thanks.

Can you please address first to fix the sticky menu? I followed your instruction but it’s not working. Can you please provide the correct code? I have ask for this code for days already. You can check the site see for your self as your code is not working.

Here’s the css code below. Any updates needed?
/* ———– Pricing Plans ———- */

#pricing-plans .vw-sirat-pricing-plans-head
{
padding-bottom: 50px;
}
#pricing-plans .vw-sirat-pricing-plans-head p
{
font-size: 14px;
letter-spacing: 1px;
color: #121212;
text-align: center;
margin-bottom: 5px;
}
#pricing-plans .vw-sirat-pricing-plans-head h3
{
font-size: 30px;
letter-spacing: 3px;
color: #121212;
font-weight: 700;
text-align: center;
}
#pricing-plans .vw-sirat-pricing-plans-content
{
border:1px solid #e1e1e1;
padding-bottom: 30px;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-icon {
background-color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box{
background-color: #febe00;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box .vw-sirat-plan-price,#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box .vw-sirat-plan-currency,#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-price-box .vw-sirat-plan-duration{
color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) .vw-sirat-plan-icon p{
color: #fff;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even) a.vw-sirat-plan-button{
font-size: 13px;
letter-spacing: 1px;
color: #121212;
font-weight: 700;
background-color: #febe00;
display: inline-block;
padding-left: 15px;
border-radius: 40px;
margin-top: 20px;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-icon {
background-color: #febe00;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box{
background-color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box .plan-price,#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box .vw-sirat-plan-currency,#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-price-box .vw-sirat-plan-duration{
color: #febe00;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover .vw-sirat-plan-icon p{
color: #121212;
}
#pricing-plans .vw-sirat-price-plans:nth-child(even):hover a.vw-sirat-plan-button{
font-size: 13px;
letter-spacing: 1px;
color: #febe00;
font-weight: 700;
background-color: #121212;
display: inline-block;
padding-left: 15px;
border-radius: 40px;
margin-top: 20px;
}
#pricing-plans .vw-sirat-plan-image
{
position: relative;
display: flex;
align-items: center;
}
#pricing-plans .vw-sirat-plan-icon
{
text-align: center;
padding: 20px;
position: absolute;
top: 0;
background-color: #febe00;
left:0;
width: 100%;
bottom: 0;
opacity: 0.8;
}
#pricing-plans .vw-sirat-plan-icon p
{
font-size: 18px;
letter-spacing: 4px;
color: #121212;
font-weight: 700;
text-align: center;
padding-top: 20px;
margin-bottom: 0;
}
#pricing-plans .vw-sirat-plan-price-box
{
background-color: #121212;
text-align: center;
}
#pricing-plans .vw-sirat-plan-price-box .vw-sirat-plan-currency
{
font-size: 29px;
color: #febe00;
font-weight: 700;
}
#pricing-plans .vw-sirat-plan-price-box .vw-sirat-plan-price
{
font-size: 40px;
color: #febe00;
font-weight: 700;
}
#pricing-plans .vw-sirat-plan-price-box .vw-sirat-plan-duration
{
font-size: 18px;
color: #febe00;
font-weight: 700;
}
#pricing-plans .vw-sirat-plan-features
{
text-align: center;
}
#pricing-plans .vw-sirat-plan-features ul
{
list-style-type: none;
margin-left: 0;
padding-top: 15px;
}
#pricing-plans .vw-sirat-plan-features ul li
{
font-size: 14px;
letter-spacing: 0px;
line-height: 40px;
color: #505967;
font-weight: 400;
}
#pricing-plans .vw-sirat-plan-features ul li i
{
color: #121212;
}
#pricing-plans .vw-sirat-plan-button
{
font-size: 13px;
letter-spacing: 1px;
color: #febe00;
font-weight: 700;
background-color: #121212;
display: inline-block;
padding-left: 20px;
border-radius: 40px;
margin-top: 20px;
}
#pricing-plans .vw-sirat-plan-button i
{
padding: 15px 15px;
border-left: 1px solid #e6ac02;
margin-left: 20px;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-button
{
background-color: #febe00;
color: #121212;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box
{
background-color: #febe00;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-icon{
background-color: #121212;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-icon p{
color: #ffffff;
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box .vw-sirat-plan-duration
{
color:#121212
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box .vw-sirat-plan-currency
{
color:#121212
}
#pricing-plans .vw-sirat-pricing-plans-content:hover .vw-sirat-plan-price-box .vw-sirat-plan-price
{
color:#121212
}
#pricing-plans #vw-sirat-plan-loop
{
display: none;
}

/* ———— Testimonial ————– */

The css code below you provide affected the mobile menu so all menu items turned black, hence you can no longer see. Can you please provide the code for mobile device? And if possible test it first. 🙂

#header-menu .current_page_item a {
color: #000;
}

Thanks.

It tried item # 1 and it worked to have the menu items all black. Apparently it’s not what I was asking. Please let me know if you have questions/clarification on the requirements below.
“Kindly provide me steps to only turn active the home menu if it’s on the top page not on specific section. Then turn active the menu item that points to the corresponding section shown on the screen.”

Your item # 2 didn’t work. Have you tried the code you provided from your end? I’m using the sirat theme and haven’t done custom css for sticky menu so, what you’ve provided me should work if you tested it to the same theme from your end. But obviously it didn’t work from my end. Can you please provide the correct custom css?

Thanks in advance.

https://neoweb365.com

Would be good if you can still provide me the steps so I can work in from my end next time. I usually don’t ask for support if I can do it myself. So it’s for your advantage. I’ve done a lot of customization already without asking for help from you. It’s just this time I need to.
also if you can check the menu which I used section ID, all turns active. Kindly provide me steps to only turn active the home menu if it’s on the top page not on specific section. Then turn active the menu item that points to the corresponding section shown on the screen.

By the way, it’s not only for pricing-plan, also about-us, services etc.

Thanks in advance.

• This reply was modified 3 years, 11 months ago by NeoWeb.

Follow-up please. I sent a message through the contact form.

Thanks.

Follow-up on this please.
Thanks.