How to - Forum | JoomShaper
Solved Helix Framework

How to

Asked by Laurent 4 years ago Last activity 4 years ago

Hi,

From mobile view, article details page layout not good for rating and share DIV
See here : https://prnt.sc/26513yz
How can I change layout to display social share below rating stars (only fro mobile view)?

Thanks
L.

Accepted answer

Marked as the solution
Laurent Asked this

Problem solved

15 more replies

Rashida Rahman Staff

Hi there!

Would you please give me your site URL her, kindly?

Best Regards

Laurent Asked this

added on Hidden Content area

Laurent Asked this

any news ?

Laurent Asked this

any news please?

Rashida Rahman Staff

Hi there!

Sorry for the delayed response!

Please use the following media query in your custom.css file to resolve the alignment issue for smaller device resolutions:

@media (max-width: 575px){
body.com-content.view-article .article-ratings-social-share.d-flex.justify-content-end {
    flex-direction: column;
}
}

It will look like this then: https://prnt.sc/26crg4p

Please check and let me know if this is okay for you!

Best Regards

Laurent Asked this

works fine thank you, but from mobile layout is not correct see here : https://prnt.sc/26cto5t
how to put these lines correctly?

Rashida Rahman Staff

You are welcome.

Which device resolution you are trying, please?

Laurent Asked this

I don't know this is from my smartphone (huawaei P20)

Laurent Asked this

any idea?

Rashida Rahman Staff

Hi,

Please try this:

@media (max-width: 575px){
body.com-content.view-article .article-ratings-social-share.d-flex.justify-content-end, .article-ratings {
    flex-direction: column;
}
.article-social-share {
    float: left;
}
}

Best Regards

Log in to reply.