Hide header

Hi, I see there is a z-index that is way too high ?? You can add CSS like this to Appearance >Customizer > Custom CSS.

html body .fusion-header-wrapper {
z-index: 100;
}

For zoom settings, you can add custom settings. This PHP code can be added to functions.php of your theme or to your own plugin.

function imageviewer_custom_options() {
?> <script> imageviewer_custom_options = {
zoomValue: 100,
snapView: true,
maxZoom: 500,
refreshOnResize: true,
zoomOnMouseWheel: true
}; </script> <?php
}
add_action( 'wp_footer', 'imageviewer_custom_options' );

/*
* option: type: default: description:
* zoomValue number in percentage 100 It defines the initial zoom value of an image.
* maxZoom number in percentage 500 It defines maximum percentage you can zoom an image.
* snapView boolean true Configuration to show/hide snap view.
* refreshOnResize boolean true Defines wether to refresh the viewer on resize of window.
* zoomOnMouseWheel boolean true Defines weather to allow zoom with mouse scroll or not.
*
*/

Hello Marcel,

thank you for your answer and sorry for not responding earlier, I was rebuilding my site.
I still have the same problem with the header coming in front of the image. It’s less annoying because I set the header to be transparent but I can’t close the image with the cross on the upper right corner. I tried the code in your first answer but it doesn’t work.

here is the adress of one page : https://alpha-draconis.fr/?p=290 but you can also check the full site if you need to : https://alpha-draconis.fr

Thanks again for your help

Best regards,

Alexandre

Well, that is annoying. It seems to be a game of whack-a-mole. Try this as well.

html.avada-header-color-not-opaque body header.fusion-header-wrapper {
z-index: 100;
}

• This reply was modified 1 year, 2 months ago by Marcel Pol.

Thank you very much, it works perfectly ??