Rounded Boxed Header Menu

Hi Support,

I need help with making Boxed Header Menu’s corner rounded. I have recently purchased Woodmart. Everything is perfect, but this is my issue for now. Kindly help

Hello,

Try to add this code to the Theme Settings > Custom CSS > Global:

.whb-general-header {
    border-radius: 20px;
}

Best Regards

I used this to resolve my issue:

/* Rounded Boxed Header */
.whb-header .whb-general-header {
border-radius: 12px;
margin: 12px 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.16);
overflow: visible;
}

/* Smooth spacing */
.whb-header {
padding-top: 10px;
}

/* Keep inner rows rounded */
.whb-row {
border-radius: inherit;
}

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts