[Skip to main content](#vessel-content) # Order table not responsive ## - **[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")** - [![idimarco's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40745-idimarco "View idimarco's Profile") Topic Author - [ Offline](/forum/user/40745-idimarco) Less More - Posts: 80 - Thank you received: 0 - - 9 years 2 months ago [\#278063](#278063) by [idimarco](/forum/user/40745-idimarco "View idimarco's Profile") *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278063 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* was created by *[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")* -- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in **Front-end CSS File** but the order table content looks strange on mobile. @media only screen and (max-width:350px) { \#hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 9 years 2 months ago [\#278068](#278068) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278068 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi, Your CSS is not correct. It's much more complex if you want to display nicely a table like the one there on mobile devices. It's actually one of the top priorities we have on our todo list and we plan on adding that in the next version of HikaShop. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")** - [![idimarco's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40745-idimarco "View idimarco's Profile") Topic Author - [ Offline](/forum/user/40745-idimarco) Less More - Posts: 80 - Thank you received: 0 - - 9 years 2 months ago [\#278095](#278095) by [idimarco](/forum/user/40745-idimarco "View idimarco's Profile") Replied by *[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278095 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi Nicolas, Now it looks perfect. I suppose that you fixed the problem. Thanks a lot! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")** - [![idimarco's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40745-idimarco "View idimarco's Profile") Topic Author - [ Offline](/forum/user/40745-idimarco) Less More - Posts: 80 - Thank you received: 0 - - 9 years 2 months ago [\#278096](#278096) by [idimarco](/forum/user/40745-idimarco "View idimarco's Profile") Replied by *[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278096 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Nicolas, I just realized that now the product name and the unit price in the order table are not displayed and also the amount of Total (excl. VAT) is nil . How can I fix the problem? Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 9 years 2 months ago [\#278107](#278107) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278107 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi, I didn't fix anything. Please provide a link and the necessary user account to be able to look at the page you're talking about as well as a screenshot of the order details in the backend. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")** - [![idimarco's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40745-idimarco "View idimarco's Profile") Topic Author - [ Offline](/forum/user/40745-idimarco) Less More - Posts: 80 - Thank you received: 0 - - 9 years 2 months ago [\#278268](#278268) by [idimarco](/forum/user/40745-idimarco "View idimarco's Profile") Replied by *[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278268 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi Nicolas I sent the account details via private message. See the attachments for the screenshots. Thanks in advance. Imma - [ ![orderfrontend.PNG](/forum/attachment/40289) ](/forum/attachment/40289 "orderfrontend.PNG") [ ](/forum/attachment/40289?download=1 "orderfrontend.PNG") - [ ![orderbackend.PNG](/forum/attachment/40290) ](/forum/attachment/40290 "orderbackend.PNG") [ ](/forum/attachment/40290?download=1 "orderbackend.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 9 years 2 months ago [\#278289](#278289) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278289 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi, Please use our contact form next time: [ www.hikashop.com/support/contact-us.html](https://www.hikashop.com/support/contact-us.html) I'm not the only one handling the support here and others don't have access to my PMs. I've checked your link but I don't see the problem you're describing: > I just realized that now the product name and the unit price in the order table are not displayed and also the amount of Total (excl. VAT) is nil Even in your screenshot ( [ www.hikashop.com/media/kunena/attachment...45/orderfrontend.PNG](https://www.hikashop.com/media/kunena/attachments/40745/orderfrontend.PNG) ) I do see the rpodut name, the unit price and the total amount. So I don't understand what you mean. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")** - [![idimarco's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40745-idimarco "View idimarco's Profile") Topic Author - [ Offline](/forum/user/40745-idimarco) Less More - Posts: 80 - Thank you received: 0 - - 9 years 2 months ago [\#278355](#278355) by [idimarco](/forum/user/40745-idimarco "View idimarco's Profile") Replied by *[idimarco](/forum/user/40745-idimarco "View idimarco's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278355 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi, You are right: in the order detail page as sent on the screenshots, order information (product, quantity, price...) is displayed on the order table. However, if the page is opened from mobile device, part of the information is not desplayed on the mobile view. I think it is related to the table width which should be adapted to mobile screen. Is that? How can I fix the issue? I can not send you screenshot for mobile view but I guess you have simulator to check that the order table (for ex for order 889/11/09/2017) is not responsive on mobile. Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 9 years 2 months ago [\#278369](#278369) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Order table not responsive](/forum/36-reports-statistics/891881-order-table-not-responsive#278369 "-- HikaShop version -- : 3.2 -- Joomla version -- : 3.7.5 -- PHP version -- : 7.0 -- Browser(s) name and version -- : firefox Hi, After login from mobile device, if the user want to see a specific order in his order history, the table class="hikashop_order_main_table" is not responsive. Why? I tried to add the following CSS string in Front-end CSS File but the order table content looks strange on mobile. @media only screen and (max-width:350px) { #hikashop_order_main table { width:50% !important; } Can you please confirm if the CSS string I added is correct? If not, what should be? Thanks")* Hi, Hi, This comes from the CSS: p { width: 510px; font-size: 16px; line-height: 24px; margin-bottom: 12px; } That you have in the file templates/shaper_helix3/css/bootstrap.min.css of your template which forces the width of the area to be 510px wide and thus breaks the responsiveness of the page. I would also recommend you to contact your template provider about that issue. Forcing the p tags to have a fixed width everywhere is not something you want, especially on mobile devices. They should add @media queries to not have that CSS enforced on mobile devices. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzM2LXJlcG9ydHMtc3RhdGlzdGljcy84OTE4ODEtb3JkZXItdGFibGUtbm90LXJlc3BvbnNpdmU/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.063 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)