- This topic has 9 replies, 2 voices, and was last updated 6 years, 7 months ago by
.
Hi
I would like to know why justify columns heigh is not working for mobile/tablet size.
Regards
Hi @jandrehh,
I hope you are well today and thank you for your question.
Could you please tell me how you are justifying the column height by sharing its screenshot and also share me the page URL from your site where it is displaying so that I can help you?
Best regards,
Shufflehound teamHi
<div>
<div>Thanks for answering.</div>
<div></div>
<div>This is the link: https://4ed.cc/dg/#aulas</div>
<div></div>
</div>I can see that section has justified the full height of the browser as shown in the attached screenshot.
Please advise.
Yes. On the desktop it’s okay. But not on the mobile. I’ve removed a text box, to better show how it does not fill the entire screen on the mobile.
As you have shared two screenshots so I have confused which one to refer.
How is it displaying for you on mobile?
Which browser are you using?
Could you please test it using a different browser?
The two images are the same.
As I explained, in one of the images I removed a block of text so you can see that it does not really justify the vertical column in the cell phone.The two images are like I’m seeing on my cell phone.
I tested browsers: Chrome, Firefox, Opera, Safari. I did the same test on other cell phones, without success as well.
Please, access the link of your cell phone: https://4ed.cc/dg/#aulas
Solution for this topic
It seems the limitation of Unyson plugin.
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
.section-justify-height:not(.section-justify-height-only) .sh-column { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-flex-direction: column; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; }Perfect!
Very thank you 🙂
You are most welcome here 🙂
