How To - Question | JoomShaper

How To

Laurent

Laurent

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

0
16 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #50545

Hi there!

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

Best Regards

0
Laurent
Laurent
Accepted Answer
2 years ago #50553

added on Hidden Content area

0
Laurent
Laurent
Accepted Answer
2 years ago #51320

any news ?

0
Laurent
Laurent
Accepted Answer
2 years ago #51820

any news please?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #51850

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
2 years ago #51939

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 2 years ago #52006

You are welcome.

Which device resolution you are trying, please?

0
Laurent
Laurent
Accepted Answer
2 years ago #52078

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

0
Laurent
Laurent
Accepted Answer
2 years ago #52344

any idea?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #52451

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
2 years ago #52524

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

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

0
Laurent
Laurent
Accepted Answer
2 years ago #52810

any advice?

0
Laurent
Laurent
Accepted Answer
2 years ago #53531

any news?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #53664

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
Laurent
Laurent
Accepted Answer
2 years ago #53680

Problem solved

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #53682

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

Have a nice day!

0