Set Width of Mobile Site Topic is solved

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
bbdoc
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Fri Sep 12, 2014 1:11 pm

Set Width of Mobile Site

Post by bbdoc » Wed Aug 14, 2019 8:32 am

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Fri Aug 02, 2019 3:12 pm
Contact:

Re: Set Width of Mobile Site

Post by ryansenn » Wed Aug 14, 2019 12:06 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Fri Sep 12, 2014 1:11 pm

Re: Set Width of Mobile Site

Post by bbdoc » Wed Aug 14, 2019 12:27 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 20
Joined: Fri Aug 02, 2019 3:12 pm
Contact:

Re: Set Width of Mobile Site

Post by ryansenn » Thu Aug 15, 2019 12:59 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 22
Joined: Thu Oct 03, 2019 3:41 pm
Contact:

Re: Set Width of Mobile Site

Post by diaz365 » Wed Oct 16, 2019 7:06 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Fri May 04, 2018 11:08 pm

Re: Set Width of Mobile Site

Post by arebee » Fri Oct 18, 2019 10:45 pm

@bbdoc .... I'm having the same issue and wondering if you can furnish details on where or how you applied your fix.

thanks .... Ron


Post Reply

Return to “Templates for Joomla! 3.x”