New Modern Style - Responsive & Powerful OpenCart

Hi,

Thanks for your e-mail.

You can have a look at catalog/view/theme/newModern/stylesheet/color.css and see if you can set some colors in there, if not, please have a look at the stylesheet.css file as all the color settings are in those two files.

What do you mean the theme is not responsive?

Kind regasrds

Hi Tomsky, The reason why I said my website is not responsive using your theme is because when I look at the site using my Android phones and iPad, its not adjusting accordingly. It just looks like an ordinary website that you need to zoom in and out to see it clearly. As a responsive site, elements must flow depending on the platform used and its orientation, right? Can you please test it on your own devices and let me know if I’m missing something? The URL is http://highbeam.com.sg/opencart1-5-4 Thank you very much.

Hi,

Thanks for letting me know. Can you also check the demo store and see if you get the same experience? It should automatically change its dimensions according to the screen’s resolution, so the problem you described shouldn’t be there. Please check the demo store and let me know.

Thanks

Hi Tomsky,

I already tested your DEMO site on iPhone and Android phones, but I still getting the same results. The whole website is not fluid, it just shrinks the whole thing and the text became unreadable. I still need to zoom in to a specific part of the site just to view or read it. I believe you really know how a “Responsive” website works right? I hope we, your customers, receive an explanation AND a solution regarding this issue. Thank you very much Tomsky.

Hi Tomsky, any response to my question above? Thanks.

Hi,

I tested your and demo stores on my android device and they look fine, I also tested those websited on iphone emulator: http://iphonetester.com/ and cannot see problems with demo store (there is a problem with slider on yoiur website though). When you test demo store please use http://goinventive.co.uk/themes/new_modern_style/ as it removes the frame which can cause problems.

Kind regards

Hi Tomsky, thank you very much for your response. However, I tested the demo site URL that you gave in iPhone 4G to 5, and Samsung S2 to S3, as well as in some HTC phones, but still not responsive. All it does is just shrinking the web page to fit the width of the screen. When we say responsive, each column must adjust and align according to which device it is being launched, right? Can I have your email so I can send you the screenshots of the demo sites when being viewed in my devices? By the way, can you guide me regarding the “frame which can cause problems” that you mentioned in your last post and how to remove it? Thanks.

Hi,

By responsive web design, we understand a design which responses to the device’s resolution in such a way that it changes the website width automatically. In this theme, we have provided 3 sets of resolutions: standard for laptops/ desktops, on for tablets and one for smart phones. There are hundreds of tablet and smart phones devices on the market with many different resolutions, so it’s not possible to create a design which would look perfectly on every device, but this design should shrink accordingly to provide maximum readability and minimum need for re sizing.

Kind regards