nopcommerce furniture theme responsive issue

hi,
we have purchased the nopcommerce furniture theme and applied it for nopcommerce v3.2.
we have observed some of the responsive features are not applying on to our application
(i.e) The header menu is not getting responsive

please help.

Thanks

Hi,

Thanks a lot for purchasing one of our official themes.

Do you experience these issues on our demo site - http://furniture-theme-demo.nopcommerce.com/? The header menu works just fine on mobile devices (responsive). What exactly is the issue?

Please also describe all the other features which do not work on your installation. And let me know whether you can reproduce them on our furtniture theme demo site

HI,

In the live demo http://furniture-theme-demo.nopcommerce.com/ it is working fine .

We have applied the theme on nopcommercev3.2 in the application the url is  http://autoid.technodemos.com/ in it the responsive design is not working on mobile device for the header menu

please help
thanks

saikrishna_techno wrote:

Hi,

we fixed the bugs that have found. Please re-download the existing package and replace your responsive.css file with the new one. If there is something else, let us know

To fix it manually you should change styles of .header-selectors-inner class for @media screen and (max-width:940px) and (min-width:769px

from

.header-selectors-inner {zoom: 1;}

to

.header-selectors-inner {zoom: 1;width: 100%;}


in the responsive.css file

Hi,
Thank you for responding i have applied the new responsive.css but the header menu is not working properly in mobile devices it means

In the demo site all the categories are falling under new button called as "categories" with a dropdown consisting of various categories that are present in the store .

but in my application i could not get "categories" with dropdown rather it is showing various categories side by side,i.e, the below div is not available

<div id="mob-menu-button">
<a href="">
<span class="icon"><span class="line"></span><span class="line"></span><span class="line"></span></span>
<span>Categories</span>
</a>
</div>

please check the application in browser with width less than 480px

please help
thanks

Hi,

we have two responsive menus. The first one is displayed for desktop and smaller devices (e.g. iPad). But we also have a mobile menu which is displayed only on small mobile devices (e.g. IiPhone). You can see all of them on the following page - http://deviceponsive.com/?url=http%3A%2F%2Fdemo.nopcommerce.com%2F#. This small mobile menu available on the link above with "iPhone" title was added only in version 3.30.

Regarding your site. It works just fine. When I visit http://deviceponsive.com/?url=http%3A%2F%2Fautoid.technodemos.com%2F# I don't see any issues. Please go to this page and make screenshot demonstrating what exactly is wrong.

Hi

Thank you for responding these are the screen shots of the demo-furniture store and my website  

Demo Store

http://awesomescreenshot.com/0812wwvl43

AutoIdSystems

http://awesomescreenshot.com/08d2www4bb

you can notice the difference in categories menu in both the application


thanks
saikrishna

Hi Saikrishna,

Please see my post above. Your menu in version 3.20 is also responsive. But such mobile menu was added only in version 3.30. So if you want to use it, then you'll have upgrade to version 3.30.

Hi AM,

Please show me how to remove the sale icon on the sale products. Thanks