Latest topics
» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Yesterday at 20:14

» Recent Topic with Avatar problem
by snows Yesterday at 18:15

» Dark Mode + Another Question
by Haggis Yesterday at 18:11

» IconSkouliki
by skouliki Yesterday at 14:52

» make the topic a color
by mr.blake214 Yesterday at 12:06

» Forum text has changed to bold
by tillytiger99 Yesterday at 05:02

» Request a Username Change
by mr.blake214 Yesterday at 01:30

» Display a preview of the user profile on hover
by HoeGy48 Tue 15 Aug 2017, 16:51

» Hai Guys~
by mr.blake214 Tue 15 Aug 2017, 13:48

» Forumactif Messenger - Instant Message Application for Forumotion
by DDril Tue 15 Aug 2017, 10:25

» Donation Box
by Ange Tuteur Tue 15 Aug 2017, 09:59

» Custom Award Problem (Profile Field)
by Ange Tuteur Tue 15 Aug 2017, 09:39

» Category Tabs
by SLGray Sat 12 Aug 2017, 22:45

» Forum Titles not in line
by Wolfuryo Fri 11 Aug 2017, 12:55

» Notifications not showing
by tillytiger99 Thu 10 Aug 2017, 04:14

Recent Tutorials
Who is online?
In total there are 5 users online :: 0 Registered, 0 Hidden and 5 Guests :: 2 Bots

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Last topic widget

View previous topic View next topic Go down

avatar
omarpop23

Title :
Gender : Male
Age : 22
Posts : 136
Points : 802
Reputation : 24
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://www.facebook.com/omarpop23

Postomarpop23 on Fri 12 Aug 2016, 16:45

hi @Ange Tuteur
i have a problem with scroll bar in last topic widget in mobile phones

pic:


i tried to make it in left but problem still.
My URL: http://cocss.arab.st


Last edited by omarpop23 on Fri 12 Aug 2016, 16:55; edited 1 time in total (Reason for editing : add url and mobile phones note)
avatar
omarpop23

Title :
Gender : Male
Age : 22
Posts : 136
Points : 802
Reputation : 24
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://www.facebook.com/omarpop23

Postomarpop23 on Sun 14 Aug 2016, 09:44

up Bouncy
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9684
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sun 14 Aug 2016, 17:24

Sorry, I must've missed your topic. Shocked

I can't seem to simulate the problem in device mode, so it might be another incompatibility with the browser. It looks like it's overflowing the container.. Try adding this to see if it keeps it in line :
Code:
#recent_topics_classical {
  width:100%;
}

If that doesn't work try this :
Code:
@media (min-width:0px) and (max-width:360px) {
  #recent_topics_classical {
    margin-left:-16px;
  }
}
avatar
omarpop23

Title :
Gender : Male
Age : 22
Posts : 136
Points : 802
Reputation : 24
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://www.facebook.com/omarpop23

Postomarpop23 on Sun 14 Aug 2016, 18:42

i tried everything whith css but only way to fixed it we have to make width of scrollbar 5 and remove background arrows of scrollbar.
and i tried to make widgets in left but still not working.
if you have other way to fix it pls give it to me
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9684
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Sun 14 Aug 2016, 18:47

Give this a shot :
Code:
@media (max-width:360px) and (min-width:0px) {
  #recent_topics_classical {
    width:100%;
    margin-right:16px;
  }
}
avatar
omarpop23

Title :
Gender : Male
Age : 22
Posts : 136
Points : 802
Reputation : 24
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://www.facebook.com/omarpop23

Postomarpop23 on Mon 15 Aug 2016, 13:22

ummmmmm we can say solved but seems not good XD
avatar
omarpop23

Title :
Gender : Male
Age : 22
Posts : 136
Points : 802
Reputation : 24
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://www.facebook.com/omarpop23

Postomarpop23 on Mon 15 Aug 2016, 14:07

i removed scrollbar buttons and make width and height of scrollbar 5px
that's only way to solve this problem TT
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9684
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 15 Aug 2016, 16:42

I see, sorry I wasn't fast enough to reply. Salute

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum