Hi,
I have been using the Galaxy theme for quite some time on the website https://www.cowesclassicsweek.org/the-regatta/archives/ccw-results/xod-ccw-2021
As you can see from the above link the website includes some fairly large tables that do not work very well on mobile devices.
I wish to enable horizontal scrolling so that iPhone users etc can slide the table content left/right.
To this end I have added overflow: scroll to /custom/scss/custom.scss" in template "it_galaxy" as pasted below.
table {
border: 1px solid #5b5b5b;
overflow: scroll;
}
However it does not seem to have any impact when the table is tested on a mobile device.
Can you see where I am going wrong?
Steve Vyse
I have been using the Galaxy theme for quite some time on the website https://www.cowesclassicsweek.org/the-regatta/archives/ccw-results/xod-ccw-2021
As you can see from the above link the website includes some fairly large tables that do not work very well on mobile devices.
I wish to enable horizontal scrolling so that iPhone users etc can slide the table content left/right.
To this end I have added overflow: scroll to /custom/scss/custom.scss" in template "it_galaxy" as pasted below.
table {
border: 1px solid #5b5b5b;
overflow: scroll;
}
However it does not seem to have any impact when the table is tested on a mobile device.
Can you see where I am going wrong?
Steve Vyse
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
InspireTheme is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.
InspireTheme is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.