Skip Navigation

[Resolved] Two conditional books and buttons side-by-side

This support ticket is created 3 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.

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.

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)

Tagged: 

This topic contains 11 replies, has 2 voices.

Last updated by hansD-2 3 years, 9 months ago.

Assisted by: Shane.

Author
Posts
#1674913

Hi,

I have two conditional displayed images of social media icons that i want to display side-by-side. I have solved this with a grid but the downside is that on mobile te grid columns are not displayed next to each other, but underneath each other. Can ik positions two conditional images side-by-side with a different method.

Same goes for two buttons side-by-side.

Hans

#1675133

Shane
Supporter

Languages: English (English )

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

Hi Hans,

Thank you for getting in touch.

The reason why they reflow beneath each other is because of the responsive css that is being applied on Mobile for the grid.

Is it that you don't want this to happen on mobile and keep the images side by side ?

Please clarify for me.

Thanks,
Shane

#1675427

Hi Shane,

Yes correct, but only in 1 location not on the entire website.

A solutions without grid is also fine along as i get the conditional images side-by-side.

Hans

#1675561

Shane
Supporter

Languages: English (English )

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

Hi Hans,

Can you sent me a screenshot of how you are adding the images to the page. In order to do this you will need to add the elements manually with their shortcodes.

Once I get a screenshot of how you've set this up on the backend we can take it from there.

Thanks,
Shane

#1676009
Schermafbeelding 2020-06-25 om 10.06.54.jpg
Schermafbeelding 2020-06-25 om 10.06.04.jpg

Here you go Shane.

Hans

#1676919

Shane
Supporter

Languages: English (English )

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

Hi Hans,

Thank you for the screenshots.

Ok so since you are wrapping the conditionals around each element this will make things a little more tricky how it should still be possible.

Would you mind allowing me to have admin access to the website so that I can help with this better.

The private fields will be enabled for your next response. Also please let me know the template that I should be looking at.

Thanks,
Shane

#1682467

Shane
Supporter

Languages: English (English )

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

Hi Hans,

Thank you for the credentials.

I was able to successfully log in however i'm not seeing any link to the page that you want me to make the changes.

Can you send me a link to this page?

Thanks,
Shane

#1683489
Schermafbeelding 2020-07-01 om 10.26.31.jpg

Sure Shane,

For example, this page: hidden link

The used template is highlighted in the attached screenshot.

Hans

#1684323

Shane
Supporter

Languages: English (English )

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

Screenshot 2020-07-01 at 3.25.24 PM.png

Hi Hans,

Sorry for the delay on this but this issue should now be resolved.

All I did was to set the columns to be a 2 column grid for mobile using the grid settings for the block. See Screenshot.

Please let me know if this helps.
Thanks,
Shane

#1684819

Hi Shane,

No not what i had in mind, there is a big gap between the two logo's.
I want to have both logo sitting next to each other with just a small gap in between, mobiele or not.

Hans

#1685357

Shane
Supporter

Languages: English (English )

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

Hi Hans,

If you have a look at my screenshot you will see that there is a setting for the column gap.

You can use this setting to adjust the gap between the columns for mobile.

Thanks,
Shane

#1686381

My issue is resolved now. Thank you Shane,

I did not fully onderstand the solution, my bad.

Hans

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.