Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

CSS rules for small screens

Featured Lock Resolved Bug
Hi, I use OneClip on my domain. On page have contact form extension, but, fields for contact are messed up in mobile view. I contact extension developer about that and they give me answer:

Dear customer, our component tries to inherit the CSS (layout) as much as
possible from your template's CSS file in order to have the same look
& feel, however, your template is loading a customized Bootstrap file
which does not add all the CSS rules for small screens.

I'd recommend you to contact your template developer to fix it.

Can you please help me with this, thank you

2 Answers


More than a month ago #Permalink

Could you please share your website address ? So that I can check it for you.



More than a month ago #Permalink
Hi there,

It's your extension issue because In small device they are using span4 instead of span12 or span6. Check bellow line :

<div class="ce-cf-container cf-type-name span4 col-md-4 " data-ordering="1" id="ce-cf-container-1" style="">

You can see here they are using span4 instead of span12 on mobile device.

Now to fix this mobile device issue you need to work on this extension.

Thank You.

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 116


Total Accepted Answers: 100
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 60
Ofi Khan

Ofi Khan

Total Accepted Answers: 50
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 33




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us