Notifications
Clear all

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

4 Posts
3 Users
0 Reactions
1,028 Views
Posts: 18
Topic starter
(@dantesalvino)
Eminent Member
Joined: 4 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: 111
(@aima-forum)
Estimable Member
Joined: 4 years ago

add "!important" to css

Spoiler
screen-instruction

 

2 Replies
(@dantesalvino)
Joined: 4 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: 8 years ago

Support Team
Posts: 10549

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