Add to Cart button not central in Mobile view

  • Posts: 18
  • Thank you received: 0
11 years 4 months ago #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_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 or Create an account to join the conversation.

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #154223

Hi,

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

.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:
.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 or Create an account to join the conversation.

  • Posts: 18
  • Thank you received: 0
11 years 4 months ago #154261

Perfect, thank you :D

Please Log in or Create an account to join the conversation.

Time to create page: 0.063 seconds
Powered by Kunena Forum