Public Forums 71,145 posts

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#194859

Hi,

did use spotlite with the position 5 to 8 when i see it on a desktop i see this (photo)1
the 4 pictures in the website have the same demensions
and there is nothing changed from the originale template
when I look in firefox and look at the view-responsive-layouts.html
then only position 5 and 6 are good see picture 2

it look that the margin from postion has not firstspan

how to fix it

regards

---

Attachments:

1. 
2. 
3. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#523100

@citroen1968,

Please PM me admin and FTP credential so that I can check and help you out.

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#526232

Hello Nazario,

Could you tell me if you already did have time to see the problem

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#526396

@citroen1968,

Currently, you are using Loohuis_schuttingen template.

However, when you use the T3 Blank template, you will get the error. I just fixed for you by adding this rule into the file; /templates/t3_blank/css/custom.css

@media(min-width: 600px) and (max-width: 767px){
.span6 {
display: inline-block !important;
float: none !important;
margin-left: 0 !important;
}
}

Let me know hope this helps.

---

Attachments:

1. 

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#526587

Hallo Nazario,

did adding this in the custom.css
but did not help

regards
Gerhard

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#526953

Hi Gerhard,

Sorry, please add this code into the file /templates/loohuis_schuttingen/css/custom.css :

@media(min-width: 600px) and (max-width: 767px){
.span6 {
display: inline-block !important;
float: none !important;
margin-left: 0 !important;
}
}

Let me know if how it goes.

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#527027

Hallo Nazario,

did adding this in the custom.css in /templates/loohuis_schuttingen/css/custom.css
but did not help

regards
Gerhard

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#527218

Hi Gerhard,

I just checked your site. You did miss the closing bracket in red as indicated in code below:

.btn-custom { background-color: hsl(110, 56%, 16%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398f28", endColorstr="#193f11"); background-image: -khtml-gradient(linear, left top, left bottom, from(#398f28), to(#193f11)) background-image: -moz-linear-gradient(top, #398f28, #193f11) background-image: -ms-linear-gradient(top, #398f28, #193f11) background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #398f28), color-stop(100%, #193f11)) background-image: -webkit-linear-gradient(top, #398f28, #193f11) background-image: -o-linear-gradient(top, #398f28, #193f11) background-image: linear-gradient(#398f28, #193f11) border-color: #193f11 #193f11 hsl(110, 56%, 11%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;
}
@media(min-width: 600px) and (max-width: 767px){
.span6 {
display: inline-block !important;
float: none !important;
margin-left: 0 !important;
}
}

I get it fixed and your site is working fine now.

1 user says Thank You to Nazario A for this useful post

1. citroen1968

[citroen1968 Friend citroen1968Join date: June 2013Posts: 24Downloads:0Uploads:9 Thanks: 4 Thanked: 1 times in 1 posts]

#527321

problem solved

[Author]

Posts