Form not responsive in Gantry 5
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
Hello,
The search form is not in Responsive Gantry 5 (see screen copy attached), then there is no problem on other Template. How to solve the problem please?
Thank you for your help.
Kind Regards
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
You've added custom CSS to make any classes that begin "span" to be floated left - this means that they won't be constrained by the container in which they reside and therefore won't be responsive.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
What should I do to solve the problem Mark?
thank you
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Remove your custom CSS statement that is making all classes beginning "span" into floats.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
On their template, the form is normally displayed on all screens (
see
).
On Gantry 5, when I put in the form module "Bootstrap: 0" (see screen A copy), it normally appears on the small screen. But the more the screen is enlarged, the more the form is growing.
If I put "Bootstrap: 5"(see screen B copy), it normally appears on the big screen, but not on the small screen.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Gantry 5 is not a Bootstrap template and it does not take any account of that setting in admin (which is only intended for Joomla's own bootstrap based templates). It is your custom CSS that changes span classes to floats that make the form no longer behave responsively.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
My custom.css file I have this "span" (see screen copy C). What should I do ?
I'm sorry Mark but I am lost.
Thank you for your help
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Yep, that's the one... remove that statement completely - that is what is making the form not behave resposively.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Kouskousou
- Sr. Rocketeer
- Posts: 131
- Thanks: 0
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Yep remove it - (including the closing brace).
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.059 seconds