Skip to main content

Add to Cart button not central in Mobile view

More
12 years 5 months ago #154172 by khatala
-- 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.

More
12 years 5 months ago #154223 by nicolas
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 or Create an account to join the conversation.

More
12 years 5 months ago #154261 by khatala
Perfect, thank you :D

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

Time to create page: 0.198 seconds
Powered by Kunena Forum