This topic has 2 voices, contains 1 reply, and was last updated by TB Support 3321 days ago.

Using Bootstrap breaks shoppica mobile

This topic has been marked as not resolved.

Greetings, Recently I started to use bootstrap in the product description. This makes the reading on mobile more friendly, we use a lot of images and videos in the description. Doing this is breaking two things in the theme. 1. I am unable to switch between languages 2. The amount of the cart gets affected and it is not aligned with the basket icon. Here are some images for your reference. Normal: http://i.imgur.com/e4DXMpC.png Glitch with bootstrap: http://i.imgur.com/iPt7hZx.png I did some research and someone said “Bootstrap sets some generic styles applicable to all elements, like for example the box-sizing property, and this is what causes the glitch here” I would like to know if there is a workaround for this, since we already started to use basic boostrap for improving the mobile UX. Thanks	kaliyas
March 7, 2015 at 9:31 pm #39056
Hi, Bootstrap is a nice framework, but it has some really bad practices which its developers do not want to changing. Bootstrap is better to be used for the entire website and not only parts because: 1) Bootstrap has its own reset styles, which may conflict with existing styles 1) Bootstrap classes are not prefixed, which may conflict with existing classes 2) You cannot scope Bootstrap to limit CSS styling for a selected element Unfortunately, combining Shoppica styles and Bootstrap is not a trivial modification and could not be covered by the free support offered by this forum. Best Regards, ThemeBurn team	TB Support
March 17, 2015 at 10:57 am #39348

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.