How to make Comparison table mobile responsive?

  • Dear Sir,

    Thanks for this compare plugin.

    When users compare two or more products on mobile, and clicking the compare button, IT Shows compare table for those products.

    BUT THE PROBLEM IS THAT TABLE IS NOT MOBILE RESPONSIVE, which means it shows only attributes on the mobile screen. For seeing the features of respective products (under comparison) the user needs to slide his mobile screen towards right then left and vice-versa.

    As you know that in this competition where every user counts, if the compare table is not responsive then, how a user/visitor will stay on my site?

    Please help

    Thanks in advance.

    Cheers!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author RazyRx

    (@razyrx)

    Hello,

    Plugin has some compatibility for mobile devices.
    If you need more specific styles, then you can change styles for mobile with help of custom CSS code.

    Regards,
    Oleg

    Thread Starter connect2vivek

    (@connect2vivek)

    Hello Sir,

    But, I am not a coding guy.

    I don’t know coding. And I also I don’t know how to to put it?

    Please help.

    Regards,
    Vivek

    Plugin Author RazyRx

    (@razyrx)

    Hello,

    Sorry, but we do not provide support with custom code.
    You can hire freelancer to do what you need.

    Regards,
    Oleg

    you can use this css:

    /*mobile compare*/
@media only screen and (max-width: 770px) {
.br_show_compare_dif, .br_remove_all_compare {
	position: absolute;
	z-index: 150;
	}
	.br_show_compare_dif {
		top: -3em;
	}
	.br_remove_all_compare {
		top: -2em;
	}
}

    But it’s still impossible to remove one product on mobile. This addon is not mobile first.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to make Comparison table mobile responsive?’ is closed to new replies.