Notifications
Clear all

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

4 Posts
3 Users
0 Likes
518 Views
dantesalvino
Posts: 18
Topic starter
(@dantesalvino)
Active Member
Joined: 2 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: 108
(@aima-forum)
Estimable Member
Joined: 3 years ago

add "!important" to css

Spoiler
screen-instruction

 

Reply
2 Replies
dantesalvino
(@dantesalvino)
Joined: 2 years ago

Active 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 😓

Reply
Robert
Admin
(@robert)
Joined: 7 years ago

Support Team
Posts: 9912

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