Top & Bottom misalignment for HTML Blocks in Mobile Sidebar Menu Item

Please check the link and staging in private (where there is no customizations and no plugins).

1) Open the website on a real mobile device
2) Expand the mobile sidebar
3) Expand the first menu item, which displays an HTML Block
3) Check the alignment of the top and the bottom of the HTML Block

You’ll see that there is some spaces, why? The HTML Block should be properly aligned.

Can you tell me how to fix this?
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Custom CSS for mobile

.wd-nav-mobile.wd-html-block-on .menu-item-has-block>.wd-sub-menu {
border-bottom: none;
}
.wd-nav-mobile>li>a,.wd-nav-mobile>li>ul li>a {
	border-bottom: none !important;
}

Best Regards.

You can close this ticket

Most Welcome!!!.

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