- Posts: 5
- Thank you received: 0
problem with div id = "hikashop_product_right_part"
- sitiservice
-
Topic Author
- Offline
Less
More
5 years 1 month ago #335450
by sitiservice
problem with div id = "hikashop_product_right_part" was created by sitiservice
-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.10.1
-- PHP version -- : 7.3.28
-- Browser(s) name and version -- : Chrome
-- Error-message(debug-mod must be tuned on) -- : problem with div id = "hikashop_product_right_part"
In all product pages the links are not clicked and the top menu is not clickable except the first item. Looking at the code there is a problem related to the
div id = "hikashop_product_right_part"
How can I solve?
-- Joomla version -- : 3.10.1
-- PHP version -- : 7.3.28
-- Browser(s) name and version -- : Chrome
-- Error-message(debug-mod must be tuned on) -- : problem with div id = "hikashop_product_right_part"
In all product pages the links are not clicked and the top menu is not clickable except the first item. Looking at the code there is a problem related to the
div id = "hikashop_product_right_part"
How can I solve?
Please Log in or Create an account to join the conversation.
5 years 4 weeks ago #335458
by nicolas
Replied by nicolas on topic problem with div id = "hikashop_product_right_part"
Hi,
The issue apparently comes from custom CSS code added by your template in the header of the pages:
i.imgur.com/2PiWaHN.png
The part
is moving that hikashop_product_right_part div on top of the menu div and thus when you reach a part of the menu which you think goes above the hikashop_product_right_part div, it actually goes under it and thus you can't click on the menu as it is below the hikashop_product_right_part div.
I'm not sure exactly how that CSS is added there. The clean way to solve the problem would be to remove that CSS.
The dirty way would be to add additional custom CSS like that:
in order to override the other CSS.
The issue apparently comes from custom CSS code added by your template in the header of the pages:
i.imgur.com/2PiWaHN.png
The part
Code:
#hikashop_product_right_part {
position: relative;
z-index: 999;
}
I'm not sure exactly how that CSS is added there. The clean way to solve the problem would be to remove that CSS.
The dirty way would be to add additional custom CSS like that:
Code:
#hikashop_product_right_part {
z-index: auto !important;
}
Please Log in or Create an account to join the conversation.
Time to create page: 0.209 seconds