[Resolved] Can I make a mobile version on toolset?
This support ticket is created 3 years, 6 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.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
Yes with the column capabilities of the Kadence blocks plugin you should be able to setup your items like this for the mobile view .
This is because the Kadence blocks plugin allows you to maintain a 2 column layout on your mobile, You also have the ability to customize how the mobile layout looks.
1. Yellow box
It looks strange because the size of the letters in A are not correct.
Please adjust the size of the letters in A appropriately.
(Please use bold black letters for the text color.)
2. Red box
I wish the text was next to the box, as in the modified example you can see.
(Please use bold black letters for the text color.)
3. Green box
The button is too attached to the right.
Please set the distance interval appropriately.
1. Yellow box
It looks strange because the size of the letters in A are not correct.
Please adjust the size of the letters in A appropriately.
(Please use bold black letters for the text color.)
Unfortunately there is not much we can do here because the select boxes are auto adjusting to the width of the columns on mobile.
2. Red box
I wish the text was next to the box, as in the modified example you can see.
(Please use bold black letters for the text color.)
This is going to be difficult to achieve without making the texts too small. Remember some of the option texts are longer than others so you will need to adjust the font size of each individual item which isn't practical to do because the font sizes will be different.
however if you want to reduce the size you can use this css below.
@media only screen and (max-width: 600px) {
.form-check-label{
font-size: 10px;
}
}
You can adjust your pixel size to the point where you are comfortable.
3. Green box
The button is too attached to the right.
Please set the distance interval appropriately.
I'm not so clear on what you are referring to by distance interval.
