AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Closed] How do I extend these for mobile view??

4 Posts
3 Users
0 Reactions
1,829 Views
Posts: 18
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
(@dantesalvino)
Eminent Member
Joined: 5 years ago
[#16043]

How do I extend these boxes on mobile view? It doesn't expand even if I type stuff in it

Screenshot 20210301 091901

3 Replies
st7878
Posts: 115
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
(@aima-forum)
Estimable Member
Joined: 6 years ago

add "!important" to css

Spoiler
screen-instruction
original
for extend

 


2 Replies
(@dantesalvino)
Joined: 5 years ago

Eminent Member
Posts: 18
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

@st7878 Where can I place this code? I tried using the Elements on F12 press but I can't find the css.style. Need further instruction bout this 😓


Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10733
st7878
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

@dantesalvino,

Go to Dashboard > Forums > Settings > Styles Tab, put this CSS code in the Custom CSS Code textarea, save it, delete all caches, go to forum front-end > profile account page and press Ctrl+F5 to reset browser cache, if you check it on mobile devices use a new private tab of the browser to avoid caches and see the changes:

@media screen and (max-width:800px) { 
    #wpforo #wpforo-wrap .wpforo-profile-account .wpfw-3{
         width: 100%!important;;
    }
}

Share: