Archived topic
Mobile 300px fixed width
9 replies · Started by Manuel on May 7, 2020
Hey,
i want to show my 300x250 px Ads full width on mobile, so without any space left and right. How to fix mobile (only smartphones) to be 300px width?
Br
Manuel
Hi there,
can you provide a link to your site so we can look to see if that is possible.
Osmbuzz.com
Hi there,
How would this work exactly? If my phone is 450px wide, your site would only display at 300px wide? What about the other 150px?
Hey Tom,
thats the thing - no matter px your phone has - it has to be always 300px wide fixed - Like disable mobile will show 1100px on your phone - i want to show any mobile only 300px.
Br
Manuel
I am not seeing any adverts on your site ?
Forget my "Ads". I simple what mobile to be fixed 300px width - so not fluid/responsive - simple FIXED.
Not sure how to describe that better :)
Br
Manuel
Try adding this CSS:
@media (max-width: 420px) {
.container.grid-container {
max-width: 300px;
}
}
It will apply to plus size mobiles - if you want it on larger devices increase the 420px
It just centered the content area in a 300px container -header and footer still fluid phone width
Do you have any examples of other sites doing this? I'm not sure how to do it, but may be able to figure it out if I can see an example.