- This topic has 5 replies, 2 voices, and was last updated 7 years, 8 months ago by
.
Hello,
When I resize my browser and my column heading needs two lines, it resizes the column and makes it taller than the others.
How can I make the columns stay the same size even when the heading needs two lines on smaller devices? I will attach a screen shot so you can see what I mean.
Thanks,
Derek
<div class=”bbp-attachments”></div>Hi Derek,
I hope you are well today and thank you for your question.
You can try achieving this using Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Best regards,
Shufflehound teamI’ve tried that for hours and it doesn’t work. Can you please just tell me the css code to fix this? Simply just keeping the columns the same size when the browser resizes. I would greatly appreciate if you could give me the custom css to fix this.
Thanks,
Derek
Solution for this topic
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
@media (min-width: 800px) and (max-width: 1250px){ #page-container .sh-column-08ef131907d6e971d47843373f21ce93 .sh-column-wrapper { padding: 115px 0px 29px 20px; } }The image has a white strip in the bottom as shown in the private reply URL therefore it displays white in the bottom.
Perfect! Thank you so much!
You are most welcome here 🙂
