We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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

Your Time: Our Time:

Mobile layout puts stuff next to eachother

Featured Lock Resolved Issue
Hi, a website which I'm creating in mobile mode puts some parts next to eachother and it should below eachother.
As you see in the pics below:
The contact form should be below the images.
The info should be below eachother.

url: http://comfixsolutions.net/dev/invest/index.php/te-koop/essen-schildershof-rustig-en-sfeervol-wonen

Any idea what the issue is? I've tried another template and it doesnt have it.

Attachments (2)

  • empire1.png
    empire1.png 94 KB
  • empire2.png
    empire2.png 38.4 KB

2 Answers

Paul Frankowski - Staff

4 weeks ago #Permalink
Your osproperty component works in legacy mode.
Anyway, easy to solve:

1) Read Helix documentation on how to use custom CSS.
2) Inside custom.css file add following lines

@media (max-width: 780px) {
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8 {width: 100% !important; float: none; margin-left:0px;}

There are replies in this post but you are not allowed to view the replies from this post.




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

Connect Us