Skip Navigation

[Resolved] Layout not aligning on x-small device

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that when the customer views his website built with Layouts on mobile devices, the website columns are not aligned correctly.

Solution:

We actually have some documentation that should be able to assist with resolving this issue.
https://toolset.com/documentation/user-guides/creating-responsive-designs/#how-to-set-up-larger-margins-for-extra-small-devices

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 4 replies, has 2 voices.

Last updated by Shane 6 years, 10 months ago.

Assisted by: Shane.

Author
Posts
#622915
Screen Shot 2018-03-07 at 11.43.36.png
IMG_0274.jpg
Screen Shot 2018-03-07 at 11.43.17.jpg

I am trying to: Get the view right for certain page types on mobile using layout

Link to a page where the issue can be seen: hidden link

I expected to see: Text and image align to using 8 out of 12 columns

Instead, I got: Text goes all the way to the right side of the viewport; text and image not left aligned

#622999

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Kristian,

Thank you for contacting our support forum.

We actually have some documentation that should be able to assist with resolving this issue.
https://toolset.com/documentation/user-guides/creating-responsive-designs/#how-to-set-up-larger-margins-for-extra-small-devices

Please let me know if this helps.
Thanks,
Shane

#623985
Screen Shot 2018-03-10 at 15.23.15.png
Screen Shot 2018-03-10 at 15.23.45.png

Hi,

Thank you for your assistance. I've tried following the steps in the documentation, but the problem unfortunately persists.

Any other ressources I could try?

Thanks

#624258

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Kristian,

This is the only rescource we have on this.

However I can have a look at it for you to see how best I can help.

Ill enable the private fields so that you can provide me with the credentials to the site.

Thanks,
Shane

#625095

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Screen Shot 2018-03-14 at 4.01.46 PM.png

Hi Kristian,

I tried working on the site for you but it seems to be running a bit slow.

Could you add the col-sm-offset-0 to the layout cell in the screenshot and let me know if this helps.

Thanks,
Shane