Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Mobile rendering issues
(1 viewing) (1) Guest
"ARI Stream Quiz" WordPress plugin
Go to bottomPage: 1
TOPIC: Mobile rendering issues
#66130
Mobile rendering issues 4 Years, 10 Months ago Karma: 0
Hi -

I am making personality quiz and am having a difficult time trying to make the results render decently on mobile.

The issue seems to be that <br> or nbsp tags are ignored on mobile, and then text lines overrun each other or run into each other, at times. Could this be addressed through css ?

The sharing button placement is also all over the place. I'd love to have very minimal sharing buttons that are just center aligned. I think because the page generates dynamically, the placement of the buttons is also generated dynamically. However I would just like the sharing buttons to be in one row.

The quiz is on this page...

www.moxybotanical.com/#blueprint/

Thanks!
The administrator has disabled public write access.
 
#66135
Re:Mobile rendering issues 4 Years, 10 Months ago Karma: 760
Hello,

This problem with your theme. For example it contains the following CSS rule which hides <br> tags:

Code:


@media (max-width: 767px) {
  br {
      display: none;
  }
}



This problem can be fixed if add the following CSS code to "Custom CSS styles" parameter on "ARI Stream Quiz -> Settings -> Advanced" page:

Code:


@media (max-width: 767px) {
    .ari-stream-quiz  br {
        display: block;
    }
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#66137
Re:Mobile rendering issues 4 Years, 10 Months ago Karma: 0
Thank you!
The administrator has disabled public write access.
 
Go to topPage: 1