Support Forums

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

Shibbir

More than a month ago #Permalink
Hello

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

Thanks.

Shibbir

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.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 115
Toufiq

Toufiq

Total Accepted Answers: 62
Pavel

Pavel

Total Accepted Answers: 4
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

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. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us