Page 1 of 1

Set Width of Mobile Site

Posted: Wed Aug 14, 2019 8:32 am
by bbdoc
Hi guys,

Hope you can help me as I can't seem to find a solution to my small issue.

I'm using protostar, everything is working fine, but when going on a mobile phone I cannot seem to find out how to set the width of the site correctly. The site is showing fine but I can scroll horizontally which I would like to avoid.

How can I set the width of my site to the width of the browser ?

My website if you want to look at it and see what I mean : www.moodofighting.be

Thanks

Re: Set Width of Mobile Site

Posted: Wed Aug 14, 2019 12:06 pm
by ryansenn
Took me a couple of minutes to hunt it down, but your div with class "spearheadfacebooklike" has a fixed width of 600px, which messes up everything. If you remove the width property from this class, everything works fine.

Bonne chance!

Re: Set Width of Mobile Site

Posted: Wed Aug 14, 2019 12:27 pm
by bbdoc
Thanks a lot !!!!

Couldn't find it in my css because that's a parameter in the module itself, which is generating its own css, but found it thanks to your answer. Working fine now.

Re: Set Width of Mobile Site

Posted: Thu Aug 15, 2019 12:59 pm
by ryansenn
No worries, glad I could help. Horizontal scrolling on mobile is a pet peeve of mine, sooo annoying when swiping! Just checked on my phone, your website is working great now, well done.

Re: Set Width of Mobile Site

Posted: Wed Oct 16, 2019 7:06 pm
by diaz365
See JED for module on template JavaScript Window Screen or PHP.
then use other template.

https://extensions.joomla.org/category/ ... u-systems/

JavaScript Window Screen
https://www.w3schools.com/js/js_window_screen.asp


What is Responsive Web Design?
https://www.w3schools.com/css/css_rwd_intro.asp


HTML Responsive Web Design
https://www.w3schools.com/html/html_responsive.asp

Re: Set Width of Mobile Site

Posted: Fri Oct 18, 2019 10:45 pm
by arebee
@bbdoc .... I'm having the same issue and wondering if you can furnish details on where or how you applied your fix.

thanks .... Ron