Responsive template help needed with CSS

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.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
rosciak
Joomla! Intern
Joomla! Intern
Posts: 59
Joined: Tue May 26, 2009 7:17 am

Responsive template help needed with CSS

Post by rosciak » Sun Jan 07, 2018 9:17 pm

So i have to build website
http://temp4.mx4.pl/torus/
There is banner on top, menu, one grey module TORUS24 with button, then 3 grey modules KOMPLEKSOWE UBEZPIECZENIE OC ZARZADCY and OC posrednika. They are important for me and this is my problem.

Problably u opened this website on monitor, horizontal view (1920x1080) for example. Now try to set vertical view like on smartphone. They are not responsible. Let me explain. Below, bottom page, there are 4 modules starting with TORUS Spółka Jawna, About Us, Service and Connect. They are responsible and when viewed on smartphone, they are moving from horizontal to vertical positions. But those 3 grey modules in the center of the page are not.

How to make 3 grey modules KOMPLEKSOWE UBEZPIECZENIE OC ZARZADCY and OC posrednika responsible and when website is viewed on smartphone device, they are moving one under one and under one.

In fact its one module where i am using code

Code: Select all

<div class="gkColorPriceTable col3">
<dl>
<dt>Kompleksowe ubezpieczenie</dt>
<dd>nieruchomości mieszkaniowych</dd>
<dd class="gkLink"></dd>
</dl>
<dl class="gkPremium">
<dt>OC zarządcy</dt>
<dd>nieruchomości</dd>
</dl>
<dl class="gkColor">
<dt>OC pośrednika</dt>
<dd>w obrocie nieruchomościami</dd>
</dl>
</div>

SharkyKZ
Joomla! Hero
Joomla! Hero
Posts: 2897
Joined: Fri Jul 05, 2013 10:35 am
Location: Parts Unknown

Re: Responsive template help needed with CSS

Post by SharkyKZ » Tue Jan 09, 2018 9:17 am

#pagewrapbum has width set to 960px. Changing it to 100% should work.

rosciak
Joomla! Intern
Joomla! Intern
Posts: 59
Joined: Tue May 26, 2009 7:17 am

Re: Responsive template help needed with CSS

Post by rosciak » Wed Jan 31, 2018 9:11 pm

@Sharky i simply love You. Thanks.


Locked

Return to “Templates for Joomla! 3.x”