[Resolved] Margins are not working on Mobile

[Author]

Posts

[julianL-2]

Hi,

It seems currently toolset is fixed on desktop screen margins and is no longer optimized on mobile, causing toolset views to not work.

[Minesh]

Hello. Thank you for contacting the Toolset support.

First of all - After checking to debug information you shared with us, I found that you are using really old outdated Toolset plugins. We always recommend running your site with latest stable release plugin version.

Can you please update ALL Toolset plugins to it's latest version.

*** Please make a FULL BACKUP of your database and website.***
If your Toolset plugins are registered please try to follow the following step to update the Toolset plugins:
=> https://toolset.com/faq/how-to-install-and-register-toolset/#automatic-update-requires-registration

In addition to this, is your theme is a bootstrap theme or did you activated the bootstrap from:
=> Toolset => Settings => General tab => Bootstrap loading => Toolset should load the bootstrap 3.0

[julianL-2]

Hi,

I have tried to update but im getting this message. I'm currently trying to update on my staging site on hidden link so it won't affect the live site. Would that be causing the issue?

In addition to this, is your theme is a bootstrap theme or did you activated the bootstrap from:
=> Toolset => Settings => General tab => Bootstrap loading => Toolset should load the bootstrap 3.0

This setting is currently ticked.

[Minesh]

Ok if Bootstrap settings is already ticked then have you build the output of the view using bootstrap?
=> https://toolset.com/documentation/user-guides/view-layouts-101/#bootstrap
=> https://toolset.com/documentation/user-guides/digging-into-view-outputs/

If you are not able to update the plugins, you should try to update manually:
I would advise you to please try to update the Toolset plugins manually from the plugins page:
- Deactivate and Delete all Toolset plugins from the plugins page
- Download the latest Toolset Types plugins you require from your accounts page:
=> https://toolset.com/account/downloads/
- Upload and activate first Types plugin and then you are free to install and activate all other Toolset plugins.

More info:
https://toolset.com/faq/how-to-install-and-register-toolset/#manual-installation-if-you-dont-have-types-plugin

[julianL-2]

Hi,

I have manually updated toolset to the newest version.

regarding views we have built the view using bootstrap.

[Minesh]

This is strange why its not working. Can you please share problem URL and access details.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

I think you missed to share the problem URL - can you please share that where you added the view as well as what mobile you are using and what browser?

[julianL-2]

Hi Minesh,

So the problem urls are the following pages

hidden link - header location drop down
hidden link - events section (bottom of the home page)
hidden link
hidden link
hidden link
hidden link
hidden link
hidden link
hidden link

I am currently using Iphone X - using Safari and also a Google Pixel - using chrome

[Shane]

Hi Julian,

Minesh had asked me for some assistance on this ticket.

Based on my inspections it seems the bootstrap css is not being applied at all even though you have it enabled.

It seems to be getting overwritten.

Could you temporarily disable the non-toolset plugins and try checking the view again?

Thanks,
Shane

[julianL-2]

Hi Shane,

I have found out the plugin that is causing the issue which is Jet Pop-up. I'm making workarounds so that this issue won't be caused.

[Shane]

Hi Julian,

Great so with this plugin disabled the items in the bootstrap grids are reflowing as they should correct?

If so then you can just mark this one as resolved.

Thanks,
Shane

[julianL-2]

My issue is resolved now. Thank you!