[Skip to main content](#vessel-content) # losing responsivity in RTL sites ## - **[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")** - [![usyuse's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58404-usyuse "View usyuse's Profile") Topic Author - [ Offline](/forum/user/58404-usyuse) Less More - Posts: 7 - Thank you received: 1 - - 7 years 5 months ago [\#307164](#307164) by [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307164 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* was created by *[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")* hello I installed the quickstart of a theme and as soon as I changed the **"site language" to RTL**, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: [ classtop.ir/2.png](https://classtop.ir/2.png) this is RTL language tablet: [ classtop.ir/1.png](https://classtop.ir/1.png) RTL language on mobile: [ classtop.ir/3.png](https://classtop.ir/3.png) hope someone help soon. kind regards Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 7 years 5 months ago [\#307179](#307179) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307179 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* Hi, Thanks for the feedback. That's indeed an issue coming from the old CSS of HikaShop 1.x and 2.x hich wasn't updated for HikaShop 3.x and 4.x. Remove the code: Code: .hikashop_subcategories .hikashop_category, .hikashop_products_listing .hikashop_product { float: right !important; } and add instead the code: Code: @media (min-width:576px) { .hkc-xs-1, .hkc-xs-2, .hkc-xs-3, .hkc-xs-4, .hkc-xs-5, .hkc-xs-6, .hkc-xs-7, .hkc-xs-8, .hkc-xs-9, .hkc-xs-10, .hkc-xs-11, .hkc-xs-12 { float:right; } } } @media (min-width:768px) { .hkc-sm-1, .hkc-sm-2, .hkc-sm-3, .hkc-sm-4, .hkc-sm-5, .hkc-sm-6, .hkc-sm-7, .hkc-sm-8, .hkc-sm-9, .hkc-sm-10, .hkc-sm-11, .hkc-sm-12 { float:right; } } @media (min-width:992px) { .hkc-md-1, .hkc-md-2, .hkc-md-3, .hkc-md-4, .hkc-md-5, .hkc-md-6, .hkc-md-7, .hkc-md-8, .hkc-md-9, .hkc-md-10, .hkc-md-11, .hkc-md-12 { float:right; } } @media (min-width:1200px) { .hkc-lg-1, .hkc-lg-2, .hkc-lg-3, .hkc-lg-4, .hkc-lg-5, .hkc-lg-6, .hkc-lg-7, .hkc-lg-8, .hkc-lg-9, .hkc-lg-10, .hkc-lg-11, .hkc-lg-12 { float:right; } } @media (min-width:1200px) and (max-width:1600px) { .hkc-lg-clear { clear:right; } } @media (min-width:1600px) { .hkc-xl-1, .hkc-xl-2, .hkc-xl-3, .hkc-xl-4, .hkc-xl-5, .hkc-xl-6, .hkc-xl-7, .hkc-xl-8, .hkc-xl-9, .hkc-xl-10, .hkc-xl-11, .hkc-xl-12 { float:right; } } from the file media/com_hikashop/css/rtl.css and it will work properly. We'll add that on our end too. The following user(s) said Thank You: [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")** - [![usyuse's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58404-usyuse "View usyuse's Profile") Topic Author - [ Offline](/forum/user/58404-usyuse) Less More - Posts: 7 - Thank you received: 1 - - 7 years 5 months ago [\#307183](#307183) by [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Replied by *[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307183 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* thank you for your reply and help. It worked like a miracle. **Important**: there is an extra bracket ( } ) in your code ( line 5) and should be deleted. But another problem seems to exists: The quantity field is very small for the numbers and plus-minus buttons are flying away in RTL mode. [ ![ScreenShot1398-03-13at13.36.35.png](/forum/attachment/46906) ](/forum/attachment/46906 "...at13.36.35.png") Regards. - [ ![ScreenShot1398-03-13at13.36.35.png](/forum/attachment/46906) ](/forum/attachment/46906 "...at13.36.35.png") [ ](/forum/attachment/46906?download=1 "...at13.36.35.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 7 years 5 months ago [\#307206](#307206) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307206 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* Hello, Thanks for your feedback on the RTL mode, I start to work on this, in order to upgrade the rtl.css, I can suggest you to add this on your rtl.css file (in YourWebSite\media\com_hikashop\css) Add this code : \#hikashop_order_main .hikashop_order_right_part, \#hikashop_order_main .hikashop_order_left_part { float: left; margin-top: 5px; } \#hikashop_order_main .hikashop_order_left_part { clear: left; } .hika_toolbar .hika_toolbar_btn.hika_btn_32 { float: left; } You can add this at the end of your file. For your specific quantity filed issue can you provide an Url link because on my side I have this, so basically nothing seems wrong on my localhost. [ ![[img](https://i.imgur.com/JA54rri.png) ](https://i.imgur.com/JA54rri.png "[img") If you have any other issue with Rtl continue to inform us for rtl.css improvement, as it isn't easy to test everything...many thanks ! Regards The following user(s) said Thank You: [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")** - [![usyuse's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58404-usyuse "View usyuse's Profile") Topic Author - [ Offline](/forum/user/58404-usyuse) Less More - Posts: 7 - Thank you received: 1 - - 7 years 5 months ago [\#307280](#307280) by [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Replied by *[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307280 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* hello and thank you for your reply I added it but nothing changed. maybe it is a case with my template. I'm using helix 3. this is the url: [ classtop.ir/index.php/shop](https://classtop.ir/index.php/shop) another case (as you will see in the url) is that in small desktops and tablets, instead of resizing the images, it crops some of my pictures. I don't know if I have to resize all of my images?! this is the sizes advised by my theme provider: [ ![ScreenShot1398-03-15at12.15.32.png](/forum/attachment/46933) ](/forum/attachment/46933 "...at12.15.32.png") kind regards. - [ ![ScreenShot1398-03-15at12.15.32.png](/forum/attachment/46933) ](/forum/attachment/46933 "...at12.15.32.png") [ ](/forum/attachment/46933?download=1 "...at12.15.32.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 7 years 5 months ago - 7 years 5 months ago [\#307305](#307305) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307305 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* Hello, I will Answer you step by step : "*hello and thank you for your reply I added it but nothing changed. maybe it is a case with my template. I'm using helix 3.*" Check **2** solutions : **1.** You can add to your css command some "*!important*" to increase cascade priority, like this by example : Ex : **#hikashop\_order\_main .hikashop\_order\_right\_part, \#hikashop\_order\_main .hikashop\_order\_left\_part { float: left !important; margin-top: 5px !important; }** **2.** Check that you add your css command in your **rtl.css** [ ![[img](https://i.imgur.com/9WOYGhS.png) ](https://i.imgur.com/9WOYGhS.png "[img") "*another case (as you will see in the url) is that in small desktops and tablets, instead of resizing the images, it crops some of my pictures. I don't know if I have to resize all of my images?! this is the sizes advised by my theme provider:*" You don't have to resize yourself, but I use your Url link and **wasn't able to see your cropped image issue**, can you precise a precise example in order to better understand the context. Awaiting news from you Regards Last edit: 7 years 5 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")** - [![usyuse's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58404-usyuse "View usyuse's Profile") Topic Author - [ Offline](/forum/user/58404-usyuse) Less More - Posts: 7 - Thank you received: 1 - - 7 years 5 months ago [\#307324](#307324) by [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Replied by *[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307324 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* hello Philip thank you. The second codes with "important" worked!. I do appreciate that. for the image issue, as I told you, it **ONLY happens on small desktops** (macbook 13" or Ipad 10" and other 10 inch tablets ONLY **landscape** mode). on other devices it works perfect. [ ![Ipad10.jpeg](/forum/attachment/46955) ](/forum/attachment/46955 "Ipad10.jpeg") [ ![Macbook.png](/forum/attachment/46956) ](/forum/attachment/46956 "Macbook.png") Kind regards Yousef. - [ ![Ipad10.jpeg](/forum/attachment/46955) ](/forum/attachment/46955 "Ipad10.jpeg") [ ](/forum/attachment/46955?download=1 "Ipad10.jpeg") - [ ![Macbook.png](/forum/attachment/46956) ](/forum/attachment/46956 "Macbook.png") [ ](/forum/attachment/46956?download=1 "Macbook.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 652 - - 7 years 5 months ago - 7 years 5 months ago [\#307339](#307339) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307339 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* Hello, It seems that you have a Css command, that won't allow the **HikaShop css** to work, see my screenshot [ ![[img](https://i.imgur.com/1pNB8xv.png) ](https://i.imgur.com/1pNB8xv.png "[img") By removing this specific Css command from your template everything works as expected. Regards Last edit: 7 years 5 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). The following user(s) said Thank You: [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")** - [![usyuse's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58404-usyuse "View usyuse's Profile") Topic Author - [ Offline](/forum/user/58404-usyuse) Less More - Posts: 7 - Thank you received: 1 - - 7 years 5 months ago [\#307521](#307521) by [usyuse](/forum/user/58404-usyuse "View usyuse's Profile") Replied by *[usyuse](/forum/user/58404-usyuse "View usyuse's Profile")* on topic *[losing responsivity in RTL sites](/forum/10-translation/897584-losing-responsivity-in-rtl-sites#307521 "hello I installed the quickstart of a theme and as soon as I changed the "site language" to RTL, hikashop lost it's responsivity. unfortunately this happens even on Protostar. my friend has pro version of hikashop. I asked him to change the language, the same problem. do you think I should add anything or code or.... to make it responsive in RTL languages? this is the English site on both mobile and tablet: classtop.ir/2.png this is RTL language tablet: classtop.ir/1.png RTL language on mobile: classtop.ir/3.png hope someone help soon. kind regards")* Hello Philip thank you for your great help. I couldn't find the exact codes in the template but I wrote some lines in my custom.css to make the width auto. and it worked.! you helped a lot. best regards. Yousef. The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzEwLXRyYW5zbGF0aW9uLzg5NzU4NC1sb3NpbmctcmVzcG9uc2l2aXR5LWluLXJ0bC1zaXRlcz90bXBsPW1hcmtkb3du) 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.081 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)