Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - CleanMart (SKU# FLEX-00015)

TOPIC: z-index zoomed image

z-index zoomed image 8 years 11 months ago #12600

Hi,

I'm looking where you decrease the z-index of the zoomed image, but can not find, it gets over the submenu

The URL:http://www.web3g.com/celtilabnatura/index.php/tienda/cosm%C3%A9tica-natural/cosm%C3%A9tica-capilar/proteinas-capilares-94-95-96-98-102-103-105html

Please, can you help me?

thank you very much
Manuel
The administrator has disabled public write access.

z-index zoomed image 8 years 11 months ago #12616

I have quite the same probleme here: 3.x.66sick.de/shop/mountainbike-griffe/66sick-aa-grip-green-detail.html
and need a solution as soon as possible.

Best regards

Christian
The administrator has disabled public write access.

z-index zoomed image 8 years 11 months ago #12648

Regalos,

1- open this CSS file: /templates/yoo_helios/css/custom.css
2- include this rule:
#tm-header { position:relative; z-index:999;}

Teuber,

1- open this CSS file: /templates/rt_chimera/css/rt_chimera-custom.css
2- include this rule:
#tm-header { position:relative; z-index:999;}

these CSS edits should solve the z-index problem.

Regards
Last Edit: 8 years 11 months ago by Support.
The administrator has disabled public write access.

z-index zoomed image 8 years 11 months ago #12662

Hi,

Thank you very much, that solve the header css ... but I wondered about the side submenu, i can not find the css ;-)

thank you very much
Manuel
The administrator has disabled public write access.

z-index zoomed image 8 years 11 months ago #12663

Hi Regalos,

I noticed the problem about the sidebar menu. Once the mouse pointer hovers the picture, the sidebar item's dropdown is gone.

But unfortunately it is much more complicated and can't be solved via just CSS edits. Template's index.php has to be modified and the HTML tree needs to be re-organized. The thumb rule of CSS: "Child element of z-index is always inherited from the parent" is valid in your case.

There is no way to make the just dropdown element's z-index larger than the ZoomEffect element. The only solution is to make the z-index go "parent element of dropdown element" larger than "ZoomEffect element", but this time; ZoomEffect will stop working because parent will stay above picture and the mouseHover on picture won't trigger the zoomEffect event -- i hope you understand what i am saying.

I am afraid; i can't provide you free-support here, as i have explained above, your case requires deeper investigation and further modification on template's index.php (and at the end of they, the modification on index.php shouldn't break anything on your website, which makes the case even more complicated)

You may purchase premium support:
www.flexiblewebdesign.com/premium-support

and let us take care this modification for you directly on your website.


FYI: I tried to explain what i am saying on the below screenshot:

Attachment Pasted_Image_5_17_15__2_42_PM2.png not found





Regards.
Support
Last Edit: 8 years 11 months ago by Support.
The administrator has disabled public write access.

z-index zoomed image 8 years 10 months ago #12679

Hi,

Thank you for your clear answer, I now understand why not find the CSS to correct ;-)

Finally I will disable the effect or put right zoom, no inner need it. Especially since I prefer not to touch the standard for future upgrades.

thank you very much
Manuel
The administrator has disabled public write access.

z-index zoomed image 8 years 10 months ago #12688

Sure, your welcome.

I am closing this topic for clearance.

regards.
The administrator has disabled public write access.
Time to create page: 0.078 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo