Mobile styling issue

  • Bam Bam

    (@bam-bam)


    9 years, 2 months ago

    Hi,

    I have just started using your plugin on a new site I am developing and I have to say it is very easy to use.

    However, I am having an issue with the User Rating label

    All of the labels where aligned to the centre, so I moved them to left align with no problems, but when I view them on my Samsung Mobile, the USER Rating label jumps back into the centre and the votes slide across under the stars.

    The stars immediately above that also jump from the right across into the centre, but the numerical rating stays aligned to the right.

    If you view it on a desktop and simply drag the right edge of the browser towards the left you will see it break as it gets down towards Mobile size, screenshot below.

    I have changed the font size of the numerical rating to 30px on smaller screens hoping that may help, but it didn’t.

    Screenshot

    Link to see this in action is HERE

    Kindest Regards
    Bam Bam

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author MyThemeShop

    (@mythemeshop)

    9 years, 2 months ago

    Hello,

    Kindly try adding the following CSS in Customizer > Additional CSS

    
.user-total-wrapper { text-align: left }
    Thread Starter Bam Bam

    (@bam-bam)

    9 years, 2 months ago

    Thanks for the response, that just about fixed it, it now looks like what you see below on my Samsung J5, but I would think a screen any smaller than that would still have the “4 (2votes)” sliding across under the stars.

    Is there an easy way to maybe display that below the stars or below “User Rating”

    Screenshot

    Kindest Regards
    Bam Bam

    Plugin Author MyThemeShop

    (@mythemeshop)

    9 years ago

    Hello,

    Kindly try adding the following in Customizer > Additional CSS

    
@media screen and (max-width: 470px) {
  .review-total-wrapper { padding-right: 15px; text-align: right; }
}

    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Mobile styling issue’ is closed to new replies.