Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Problem Woocommerce Zoom and Genesis Sample Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: not resolved

Tagged: Sample Theme, WooCommerce, z-index

This topic has 4 replies, 2 voices, and was last updated 5 years, 12 months ago by Brad Dalton.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
May 30, 2019 at 1:15 am #491415

hja
Participant

Hello,

On a product image zoom the header of the sample theme is over the product picture.
Does anybody have any suggestions on how to solve this?

Thx in advance.

Henk

May 30, 2019 at 12:15 pm #491423

Brad Dalton
Participant

Try z-index https://www.w3schools.com/cssref/pr_pos_z-index.asp

Tutorials for StudioPress Themes.

June 20, 2019 at 9:02 am #491754

hja
Participant

Thank you for putting me on the right track.

Changed the site-header to a lower index instead of 9999:

.site-header {
z-index: 999;
}

June 20, 2019 at 9:04 am #491755

hja
Participant

But now the next problem; the zoom works allright but if you are trying to pinch an make the image lager (for instance on a mobile device) the image is all messed up.

June 20, 2019 at 9:53 am #491757

Brad Dalton
Participant

You could try wrapping your CSS rule in a media query https://www.w3schools.com/css/css3_mediaqueries_ex.asp

Tutorials for StudioPress Themes.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘General Discussion’ is closed to new topics and replies.