[Skip to main content](#vessel-content)

#   Add to Cart button not central in Mobile view

##

- **[khatala](/forum/user/31319-khatala "View khatala's Profile")**
- [![khatala's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31319-khatala "View khatala's Profile") Topic Author
- [ Offline](/forum/user/31319-khatala)

Less More

- Posts: 18
- Thank you received: 0
-
-

12 years 5 months ago [\#154172](#154172) by [khatala](/forum/user/31319-khatala "View khatala's Profile")  *[Add to Cart button not central in Mobile view](/forum/26-product-category-display/867826-add-to-cart-button-not-central-in-mobile-view#154172 "-- url of the page with the problem -- :   www.khatalapetlodge.com.au/boutique-online-shop  -- HikaShop version -- : Hikashop Essential -- Joomla version -- : x.x -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error&#95;message  Hi, my 'Add to Cart' and 'Choose Options' buttons on the product display looks central on a desktop view, but on my mobile they are all skewed to the right. How may I be able to fix this so that they are all central?  Thank you!")* was created by *[khatala](/forum/user/31319-khatala "View khatala's Profile")*

-- url of the page with the problem -- : [ www.khatalapetlodge.com.au/boutique-online-shop](https://www.khatalapetlodge.com.au/boutique-online-shop)
-- HikaShop version -- : Hikashop Essential
-- Joomla version -- : x.x
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hi, my 'Add to Cart' and 'Choose Options' buttons on the product display looks central on a desktop view, but on my mobile they are all skewed to the right. How may I be able to fix this so that they are all central?

Thank you!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc4MjYtYWRkLXRvLWNhcnQtYnV0dG9uLW5vdC1jZW50cmFsLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) 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)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86293
- Thank you received: 14271
-
-

12 years 5 months ago [\#154223](#154223) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add to Cart button not central in Mobile view](/forum/26-product-category-display/867826-add-to-cart-button-not-central-in-mobile-view#154223 "-- url of the page with the problem -- :   www.khatalapetlodge.com.au/boutique-online-shop  -- HikaShop version -- : Hikashop Essential -- Joomla version -- : x.x -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error&#95;message  Hi, my 'Add to Cart' and 'Choose Options' buttons on the product display looks central on a desktop view, but on my mobile they are all skewed to the right. How may I be able to fix this so that they are all central?  Thank you!")*

Hi,

The issue comes from your custom CSS that you added in the frontend CSS of HikaShop: Code:

.hikashop_subcontainer form { position: absolute; bottom: 0; left: 120px; }

As the boxes don't have the same width on module, the buttons get moved to the right.
Instead you should set a left in % like that: Code:

.hikashop_subcontainer form { position: absolute; bottom: 0; left: 33%; }

That way, the button is always positioned based on the width of the item box.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc4MjYtYWRkLXRvLWNhcnQtYnV0dG9uLW5vdC1jZW50cmFsLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[khatala](/forum/user/31319-khatala "View khatala's Profile")**
- [![khatala's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31319-khatala "View khatala's Profile") Topic Author
- [ Offline](/forum/user/31319-khatala)

Less More

- Posts: 18
- Thank you received: 0
-
-

12 years 5 months ago [\#154261](#154261) by [khatala](/forum/user/31319-khatala "View khatala's Profile")  Replied by *[khatala](/forum/user/31319-khatala "View khatala's Profile")* on topic *[Add to Cart button not central in Mobile view](/forum/26-product-category-display/867826-add-to-cart-button-not-central-in-mobile-view#154261 "-- url of the page with the problem -- :   www.khatalapetlodge.com.au/boutique-online-shop  -- HikaShop version -- : Hikashop Essential -- Joomla version -- : x.x -- PHP version -- : x.x.x -- Browser(s) name and version -- : XXXXX x.x.x -- Error-message(debug-mod must be tuned on) -- : Error&#95;message  Hi, my 'Add to Cart' and 'Choose Options' buttons on the product display looks central on a desktop view, but on my mobile they are all skewed to the right. How may I be able to fix this so that they are all central?  Thank you!")*

Perfect, thank you ![:D](/bigsmile.gif ":D")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc4MjYtYWRkLXRvLWNhcnQtYnV0dG9uLW5vdC1jZW50cmFsLWluLW1vYmlsZS12aWV3P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; 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.086 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
