Set Width of Mobile Site Topic is solved

[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

[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!

[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.

[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.

[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

[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