2 replies · opened Mar 23, 2020
Hi there, I'm using restaurant demo of this theme for one of my project. And at the homepage I've food categories which are coming dynamically from the code in TABS. I just need a wider space or best solution to show them all in a nice way on desktop and on mobile. Thanks.
This is the live link to the website
Hello,
To make the Container Wider, you can simply replace the .container Class with the .container-fluid Class to make the Tabs Full Width. However, you will need to make your own Customized Codes for the Tabs to be able to make them optimized on Mobile Devices.
You can simply add the .tabs-responsive Class to the .tabs Element to make the Tabs convert into an Accordion on Mobile Devices for better user experience.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard