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:
empire1.png
The contact form should be below the images.
empire2.png
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
Hi,
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.

126

Templates

333617

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