Support » Theme: Twenty Eleven » Popup image and form hided by front menu bar and big image

  • Resolved cfm168

    (@cfm168)


    Hello,

    I use popup contact form and popup product image display for woocommerce. The problem now is that, The front page’s big image and main menu bar always hiding the popup window. I have to scroll up web page to see the popup window content.

    How can bring the front page to the back, so any popup windows can be show up to the very front without hidden.

    Please help. Thanks in advance!

Viewing 8 replies - 1 through 8 (of 8 total)
  • If you haven’t already, you may want to contact the popup plugin’s support team to see if they can assist further as well. As for this thread in particular, if you can provide a link to your site so the code can be seen it would greatly help.

    Thread Starter cfm168

    (@cfm168)

    Thank you @jarretc!
    The popup support team said this is my theme causes the problem, do you think so?
    Here is the link: https://www.chopsticksfactory.com/customizer/design/519/597/
    Click on PREVIEW you will see.

    Thanks in advance!

    Hi, the following in Appearance->Customize->Additional CSS should fix it

    .wpd-customization-page .branding {
    	z-index: 9998;
    }
    
    .wpd-customization-page .omodal {
    	z-index: 9999;
    }
    Thread Starter cfm168

    (@cfm168)

    Work like a charm. Thank you so much Jarret (@jarretc).

    I just about to create new page layout/template for it. Now I really happy with your codes. Can’t find any links to appreciate you.

    • This reply was modified 2 years, 2 months ago by cfm168.
    Thread Starter cfm168

    (@cfm168)

    Hi @jarretc,

    I just found another pages(following by product path) have same problem when ENLARGE the product image, it hidden by menu bar and front page’s big logo image. https://www.chopsticksfactory.com/product/candy-apple-corn-sticks-semi-pointed-bamboo-skewers-dowels-8x14inch-400ct/
    Hope you can help with it also. Thank you so much in advance!

    Hello again, try the following CSS

    .single #branding {
    	z-index: 9998;
    }
    
    .single .pswp {
    	z-index: 9999 !important;
    }
    Thread Starter cfm168

    (@cfm168)

    Thank you very much Jarret. This CSS also works instantly.

    I just got notice the following CSS provided is working on web page.
    .wpd-customization-page .branding {
    z-index: 9998;
    }
    .wpd-customization-page .omodal {
    z-index: 9999;
    }

    but when logged in customer click on the saved file to view in My Account, the same problem occurred, the save image file popup/displayed but same hided by front menu bar and big image.

    Please help. Thanks in advance!

    Thread Starter cfm168

    (@cfm168)

    Thank you so much Jarret (@jarretc). All fixed.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Popup image and form hided by front menu bar and big image’ is closed to new replies.