This site is running Voxel Theme Version: 1.6.1.1 | Elementor Plugin Version: 3.29.2

Join the Voxel Guide Community!

Get Involved

Responsive description container toolbar

Description/Instructions

This code removes the horizontal scroll from the advanced description toolbar.

 

Instructions

Apply this css code in the create post block or apply it in the elementor css editor

/* Adjusts the TinyMCE toolbar to be adaptive */
.mce-container.mce-flow-layout-item > div {
display: flex !important;
flex-wrap: wrap !important; /* Allows them to fit on multiple lines */
overflow: visible !important; /* Removes horizontal scroll */
padding-bottom: 10px !important;
-ms-overflow-style: auto;
scrollbar-width: auto;
}

/* Optional: adjust the width of the buttons if you want them to be more compact on mobile */
@media (max-width: 600px) {
.mce-container.mce-flow-layout-item > div button,
.mce-container.mce-flow-layout-item > div .mce-btn {
flex: 0 0 auto;
min-width: 40px;
}
}

  • CSS
Copy Code

Let's Chat About this Snippet

Chat Toggle
Voxel Guide AI
Voxel Guide AI
Voxel Guide AI
Voxel Guide AI
Ask me anything about Voxel!
Send
Powered by AI24