How to force cornerstone 767px breakpoint to show two columns content as in 480px

Support
#1

Having difficulty in aligning of two column content. one column is headline and neighbouring column is an image. responsive setting of 767px in cornerstone pushes text and image columns to stay in the designed two column view. I need 767px to show content of two columns stacked up as in 480px view.

480px breakpoint
480px breakpoint1167×1211 72.5 KB

480px view
480px view1006×1018 59.8 KB

#2

Hello @VitaliKon,

Thanks for the very detailed post information. You will have to remove the paddings of the Text element or column that has the Text element so that it will be aligned with the image above it. If this does not help, please provide us with WP access so we can check your element settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.

#3

There is not padding applied to text, columns or image. Padding applied to the whole section but disable did not fix anything. details are in secure note.

#4

Hello @VitaliKon,

You are using margins on the Headline and Text element. Please remove those left and right margins. What you can do is to use left and right paddings for your Column element instead. It would be much easier to adjust and use Responsive Styling. If you are not familiar with Responsive Styling, please check this out:

Best Regards.

#5

I checked this and disabled margins and enabled padding to no affect whatsoever. I went to this document, I looked it up before posting my trouble here. The doco doesnt talk about column responsive settings. I asked you to show me how 767px view can be forced to show two columns stuck up one above other. Are you able to show me where transition is controlled to do so? I need 767px view behaved as 480px view.

#6

Hi @VitaliKon,

I have checked the problem through the Page Builder, and I suggest you set the Row template to the Single column for the specific viewport.

Hope it helps.
Thanks

#7

yeah that what I was after. I knew there is an option but could not do it.

thanks mate.

#8

Hi @VitaliKon,

Glad that we are able to help you.

Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.