AI Assistant
Notifications
Clear all

[Solved] Source editor display problem

5 Posts
2 Users
1 Reactions
1,227 Views
Posts: 26
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@zipkinci)
Eminent Member
Joined: 6 years ago
[#14183]

hi wpforo team. ı have an issue with post editor. when ı want to edit a post using source code editor, the posts don't fit in the screen on mobile. Same thing is happening in here. İs there a css code to sole it.

 

 20200726 123054

4 Replies
Posts: 26
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@zipkinci)
Eminent Member
Joined: 6 years ago

And 

 20200726 123137

3 Replies
Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10720
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

Hi @zipkinci,

Thank you for the information.

You can fix this issue using this CSS code:

@media screen and (max-width:600px) {
.mce-container-body .mce-container.mce-form.mce-abs-layout-item{width: 94% !important;}
body.wpforo .mce-container.mce-panel .mce-container.mce-panel.mce-foot, body.wpforo .mce-container.mce-panel .mce-container-body.mce-abs-layout {width: 94% !important;}
}

Put it in Forums > Settings > Styles > Custom CSS Code textarea, save, delete all caches, use mobile browser incognito/private session to check, this will avoid mobile browser hard caches.


(@zipkinci)
Joined: 6 years ago

Eminent Member
Posts: 26
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@robert thanks for help. my display problem was resolved with this css code. but when I added this css code, the post editor's ok and cancel buttons was disappeared

 20200726 213151

Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10720
Robert
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@zipkinci,

Ok, please add this CSS code as well. Put it in Forums > Settings > Styles > Custom CSS Code textarea, save, delete all caches, use mobile browser incognito/private session to check, this will avoid mobile browser hard caches.

@media screen and (max-width:600px) {
.mce-container.mce-panel.mce-foot .mce-container-body.mce-abs-layout .mce-widget.mce-btn{
position: relative!important; left:5%!important; margin-left: 5%; float:right;
}
}

Share: