Problem displaying subcategories in categories men

  • Posts: 3
  • Thank you received: 0
11 years 6 months ago #146216

-- url of the page with the problem -- : latiendaelectronica.es
-- HikaShop version -- : 2.2.3 (business)
-- Joomla version -- : 3.2.2
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : Firefox 27.0.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hi,
More than one Subcategory are displayed in the same line, at the categories menu.
I have a problem in the content menu called "SeccionesPrueba" (in the left hand side) of my Web.
What is the problem in the CSS?

Thank you.

Attachments:

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

  • Posts: 846
  • Thank you received: 92
11 years 6 months ago #146220

Hi
can you make a annoted capture screen with what you have and what you want ?
regard's

The following user(s) said Thank You: Xavier

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

  • Posts: 3
  • Thank you received: 0
11 years 6 months ago #146298

Hi,
I would like display subcategories like a list. A line for each subcategory. Something like this:


Electronica de Consumo

Bateria

Hardware Libre

Ardupilot
Arduino Mega
Arducopter
Arduino Wifi
Kit Arduino

RC - Radio Control

Cuadricoptero
Helicopteros RC

Thanks in advance.

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

  • Posts: 3
  • Thank you received: 0
11 years 6 months ago #146306

Hi again,
I think it's a problem with responsive. If I change the resolution, subcategories are listed one down the other but with a normal resolution they are displayed in the same line and without spaces between them.

BR.

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

  • Posts: 846
  • Thank you received: 92
11 years 6 months ago #146379

Hi

when yo usay change the resolution you use the wrong word to explain what occur .
RESOLUTION
change the resolution is only available on ( speak about what i test ) on android OS ( tablet or mobile ) with a rooted device and android software . Now i think we ca nchange the resolution to lower ( 300 hdi ppi to 72 ppi desktop screen ).
I think you want to write when i change the width of the browser ... the width of the menu change so the location of the items of the menu change.
ZOOM and RESOLUTION are not the same ( apply differently to text / image )


0) the menu width is dynamic and is 25 % even don't test if min or max exist
see the capture screen layout with annotation


1) for align all items refer to the same vertical line
beez3/css/layout.css line 66
body ul, body ol { padding: 0 0 0 12px; }
the 12 px create the mess on the menu create using ul li a

2) for make items appear on by line
<li class="hikashop_category_list_item">
.hikashop_category_list_item, .hikashop_product_list_item {float: left;}
this make all the items menu align to the left .
remove this and there ll be one item per line menu item

3) => 1) 2) apply ll give left alignement see the capture screen

This change can create others problems so it some clue not the solution
hope this ll help you .

Attachments:
Last edit: 11 years 6 months ago by lionel75.
The following user(s) said Thank You: diabola99

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

  • Posts: 21
  • Thank you received: 0
11 years 6 months ago #146385

I have the same problem.

Subcategories with short names are listed in one row.

If the name is long enough and there is no space for the next category in the same line, it will be shown on the next line

Example:

Category1
Category2
Cat3 Cat4
Category5

I want one line for each category. It only happens on sub categories.

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

  • Posts: 846
  • Thank you received: 92
11 years 6 months ago #146395

The way to resolve your issue can be different depend of ( number and order of ) css files load in the browser !

regard's

The following user(s) said Thank You: diabola99, Mohamed Thelji

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

  • Posts: 21
  • Thank you received: 0
11 years 6 months ago #146434

Thanks for the hint.

I removed

.hikashop_category_list_item, .hikashop_product_list_item{
float:left;

from the frontend_default.css as already mentioned before and it did the job!

Last edit: 11 years 6 months ago by diabola99.

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

Time to create page: 0.101 seconds
Powered by Kunena Forum