Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

wpForo 1.x.x [Closed] How do I extend these for mobile view??

4 Posts
3 Users
0 Reactions
1,430 Views
Posts: 18
Topic starter
(@dantesalvino)
Eminent Member
Joined: 5 years ago

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

3 Replies
st7878
Posts: 115
(@aima-forum)
Estimable Member
Joined: 5 years ago

add "!important" to css

Spoiler
screen-instruction

 

2 Replies
(@dantesalvino)
Joined: 5 years ago

Eminent Member
Posts: 18

@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: 9 years ago

Support Team
Posts: 10616

@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;;
    }
}