Return to previous page

Help with smartphone responsive pre footer alignment puzzle

This topic has 8 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

TeeDev

Participant

April 13, 2015 at 23:17

I’ve got a peculiar problem with the alignment of one of my static blocks when viewed on a smart phone.

If you look at this image https://www.dropbox.com/s/5v2w45xczo2b1z3/Screenshot_2015-04-13-22-53-44.png?dl=0 you can see that the second block STORE INFO is not properly aligned with the first block.

I can’t figure out why this is, they are both configured in the same way with all the same properties in the VC settings.

The elements look fine on 7″, 10″ tablets and laptops/desktops

Please, contact administrator
for this information.

#56654 Copied

7 Answers
Robert Hall

Support staff

April 14, 2015 at 09:38
Hello,

Please add this code in custom.css file.
```
.footer-top .vc_col-sm-3{
width: 50%;
float: left;
}
```
Regards,
Robert Hall.
#56733 Copied
TeeDev

Participant

April 14, 2015 at 09:45

Excellent!!
Why was it happening, did I make a wrong setting?

#56735 Copied

Robert Hall

Support staff

April 14, 2015 at 09:54

Everything was fine, just sometimes needed to write code.

Regards,
Robert Hall.

#56740 Copied

TeeDev

Participant

April 14, 2015 at 09:59

Actually, it’s not ideal. It now shifts the remaining content in that row on tablets in landscape view.
Any other suggestions?

#56743 Copied
Robert Hall

Support staff

April 14, 2015 at 10:07
I’ve replaced code above to this. Please clean cache and check it.
```
@media (max-width: 480px){
.footer-top .vc_col-sm-3{
width: 50%;
float: left;
}
}
```
Regards,
Robert Hall.
#56748 Copied
TeeDev

Participant

April 14, 2015 at 11:00

This one is better.

Works on:

HTC One X+
OnePlus One
Ipad Air

Does not fix it on:

Nexus 7 (2012) (portrait)

I can live with this
Thank you

#56761 Copied

Eva Kemp

Support staff

April 14, 2015 at 12:34

Hello,

You’re welcome.

Regards,
Eva Kemp.

#56790 Copied
Viewing 8 results - 1 through 8 (of 8 total)