FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 26 users online :: 0 Registered, 0 Hidden and 26 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

bottom ADs

View previous topic View next topic Go down

omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Sun 24 Jul 2016, 08:50

the bottom ADs make page problem when serving on mobile
look at this
bottom ADs Screen10
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12042
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 24 Jul 2016, 14:02

Hmm.. they should actually have their own container which activates an overflow if they exceed the body width. What year, browser, and model device are you using to browse ?
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Sun 24 Jul 2016, 14:48

year: 2015 i think
browser: Google Chrome
model: Samsung Tablet 4
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12042
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 24 Jul 2016, 16:31

Thanks, I'm gonna try to take a look at it and modify it for the mobile media query. I saw they're using a table layout, but I should be able to manipulate it with CSS display. I'll let you know when I've written a fix. Thanks for reporting Yes
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Sun 24 Jul 2016, 17:54

Thumb left Thumb left Thumb left
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 25 Jul 2016, 16:16

Sad all my users use Mobile to access my forum because my forum is about a Game which played by mobile  and this is a problem 

if u have a fast solve pls tell me
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12042
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 25 Jul 2016, 16:20

@omarpop23 don't worry, It's on my todo list. I'm a one-man development team, so it may take some time to get to each issue I have listed. Thanks for your patience in the mean time. Salute
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 25 Jul 2016, 16:22

okay thank you Ange i'm waiting  Crying or Very sad
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12042
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 25 Jul 2016, 16:25

@omarpop23 add this media query to your stylesheet and let me know if it works for you :
Code:
@media (min-width:0px) and (max-width:768px) {
  #main-content > div[style*="overflow:visible"] td[style="padding:32px 32px;"] {
    display:block;
    padding:10px 0 !important;
    text-align:center;
  }
}

It should display the ad block one above the other on mobile.
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 25 Jul 2016, 16:51

not work Sad
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 25 Jul 2016, 16:53

this is code is work
Code:

@media (min-width:0px) and (max-width:768px) {
  #main-content > div[style*="clear:both;"] td[style="padding:32px 32px;"] {
      display:block;
      padding:10px 0 !important;
      text-align:center;
    }
 }

i changed
Code:
style*="overflow:visible"
to
Code:
style*="clear:both
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12042
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 25 Jul 2016, 18:24

@omarpop23 thanks for the correction ! However, I think the ad container may change dynamically, so if you see any inconsistencies I'd recommend adding the selector in my previous post to your rule above, because it was overflow:visible; for me. Wink
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3255
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 25 Jul 2016, 18:37

Thank you Ange Topic Solve Now
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12042
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 25 Jul 2016, 18:42

No problem Wink

Have a good day Rose
Sponsored content

PostSponsored content

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