How to display hidden column left, column right in mobile

February 4, 2015 - By 

By default, in the default theme of OpenCart 2, the column left and column are hidden in mobile.

You can see it in this demo in your mobile: http://demo.viethemes.com/opencart2/index.php?route=product/category&path=20. The category menu is lost. It is too confusing for us.

Don’t worry about that. You can follow this guide to display them on mobile:

Step 1: Install our own extension Custom JavaScript

Step 2: Go to admin > System > Settings > Edit store > tab Custom JavaScript and add code below:

 Step 3: Check on your mobile again. The problem will go away.

Hope that the developer of OpenCart will fix it in the next version.

  • Paul Brummett

    Very simple Tutorial. Worked just as it should.

    Thanks for taking the time to share :)

  • Paul Brummett

    How can I add the module to the “TOP” of the home page, instead of at the “BOTTOM”?

    Thanks for your time!

  • Paul Brummett

    Ok, sorry for jumping the gun…

    If your column is set to display on “LEFT”, then your module will show up at the TOP of the page.

    If your column is set to display on “RIGHT”, then your module will show up at the BOTTOM of the page.

    Have fun :)

    • viethemes

      Hi,
      Glad to hear that the problem is solved!
      Could you send your site URL to my email viethemes@gmail.com and take some screenshots about your question, so I can take a look at it closer?

  • noob

    Forbidden

    You don’t have permission to access /shop/admin/index.php on this server.

    Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.

    • viethemes

      Hi,
      Is there any problem with your store?

  • Giproc

    Would something like this work to disable a module on mobile? For instance, I have a fixed header module that works great on desktop but I don’t want it on the mobile version since it doesn’t allow the menu to work properly and takes too much screen space. I guess I could use the addClass hdden but how would I define the module and to only do it on mobile?

  • Edze de Boer

    Hi, looks very interesting, but installation via Extension Installer shows an error. Is the installer supposed to use vqmod?

    Kind regards,
    Edze

  • cukulat

    I HAVE THIS PROBLEM ON V 1.5.6 ..i have the bigshop template on it, column left wont show on mobile. is there a fix for this, thank you

  • Vikas Chaudhary

    i tried the same and put the custom code but it dint work. Everything is still same as before. Can you please advise.

    Thanks and Regards,
    Vikas Chaudhary

  • Dalibor

    Thank You for code, Is it posible to show only category module in responsive view and not all modules from left column. Also in my case in responsive view left border of category module is gone! https://uploads.disquscdn.com/images/5f7cc4cfa4a266a7b6ee3189c2a5e6de524a1ce6ce791712d853554e835eede1.jpg

  • Anderson de Moliner

    Thanks a lot!! I love such simple fixes.