How To - Question | JoomShaper

How To

Laurent

Laurent

Helix Framework 7 months 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.

0
16 Answers
Laurent
Laurent
Accepted Answer
6 months ago

Problem solved

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 7 months ago

Hi there!

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

Best Regards

0
Laurent
Laurent
Accepted Answer
7 months ago

added on Hidden Content area

0
Laurent
Laurent
Accepted Answer
7 months ago

any news ?

0
Laurent
Laurent
Accepted Answer
7 months ago

any news please?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 7 months ago

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

0
Laurent
Laurent
Accepted Answer
7 months ago

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 7 months ago

You are welcome.

Which device resolution you are trying, please?

0
Laurent
Laurent
Accepted Answer
7 months ago

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

0
Laurent
Laurent
Accepted Answer
6 months ago

any idea?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 6 months ago

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

0
Laurent
Laurent
Accepted Answer
6 months ago

looks better, just one more detail to move stars to left :

see here : https://prnt.sc/26e9t5j

0
Laurent
Laurent
Accepted Answer
6 months ago

any advice?

0
Laurent
Laurent
Accepted Answer
6 months ago

any news?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 6 months ago

Hi,

Please take my apology. I have just checked but could not visit the link. Would you please check and let me know?

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 6 months ago

Thanks for letting me know and sorry for not being there for a while.

Have a nice day!

0