Elements going outside of division boxes

  • Posts: 20
  • Thank you received: 1
  • Hikashop Essential
4 days 18 hours ago #308578

-- url of the page with the problem -- : ssavp.com
-- HikaShop version -- : 4.1.0
-- Joomla version -- : 3.9.5
-- PHP version -- : 7.2.20
-- Browser(s) name and version -- : Chrome 75.0.3770.100

I've had this problem since the beginning and I'm just now getting around to trying to fine tune this site. I've noticed that on the main store view, the Chose options button is longer than the box for the product as well as the dropdown box for selecting a variant.

While this doesn't affect usage, it does make the site look sloppy. What can I do to make these items scale to fit the containers they're supposed to be assigned to?

Attachments:

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

  • Posts: 66270
  • Thank you received: 9720
  • MODERATOR
4 days 11 hours ago #308580

Hi,

1. Well for the "choose options" buttons, you have four solutions:
- you use a translation override to change the text of the button so that it can fit in the width of an element:
www.hikashop.com/download/languages.html#modify
- you reduce the number of columns of your menu item via the Joomla menu manager. That will increase the space avaiable for each product
- you reduce the padding between the elements of the list with a bit of CSS:
monosnap.com/file/CK98jSa9ez2m0c7nMy4tSLPbngYHGz
www.hikashop.com/support/documentation/1...ize-the-display.html
- you move your modules to all be on the same side via the Joomla modules manager, freeing the space of one side bar for the main content. That way, the listing will have more space and thus each element will have more space

2. The dropdown issue comes from the CSS of your template.
It forces the width of all the dropdowns to be 220px and you don't have enough space there.
There are again several solutions there:
- you could add custom CSS to have the dropdowns width not forced:
monosnap.com/file/dLT6nnDJU4oNgCocaIxhzJwB28d9bo
- you could move the modules to one side to have more area for your main content (as explained in point 4 of the first main point above)

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

Time to create page: 0.064 seconds
Powered by Kunena Forum