Hi,
the bars on our page suddenly are showing more than double so high as normal. Too, the toolbox for answers is much higher, and, when going to mobile size of the screen, is suddenly single-column. The only thing I knowingly did was changing the colours of the bar ...
Do you have any idea?
Thanks, Bernd
https://www.alkohol-ade.com/community . But it's weird, at the moment it's showing correctly. Did not do anything since my request ...
Thanks for caring!
Please register some new testing user and send the user's login details to info[at]gvectors.com email address to allow us to debug the CSS conflict.
Try the following CSS code, it should solve the issue:
.mce-container-body .mce-container div{
display: flex;
flex-wrap: wrap;
}
.mce-container-body .mce-container div > button{
width: 22px;
max-width: 30px;
min-width: 20px;
}
#wpforo #wpforo-wrap div{
padding: 0;
}
#wpforo #wpforo-wrap .wpf-post-create .mce-toolbar .mce-btn button i {
font-size: 18px;
}
.mce-container-body .mce-container {
width: 100%;
}
The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.
Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.
Hi Sofy,
Thanks for caring! Works perfectly in Chrome and Safari, nearly perfectly in Firefox, where the upper bar is still too high, the others are correct now. But when I look at the market penetration of Firefox it is not that important ...
Thanks, Bernd
@sofyThanks a lot for the quick support - it helps! 😍
Yours, Bernd