Issue with Pro Child Theme

Mang · September 11, 2020, 3:39am

I have facing an issue which only happens in Pro Child Theme.

ruenel · September 11, 2020, 3:41am

Thanks for writing in! This sounds like a certain custom PHP code or customization in your child theme is causing the issue. We are not user which one is it yet though. To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

Mang · September 11, 2020, 3:47am

Thanks ruenel for your quick response. I have added the secure note.

ruenel · September 11, 2020, 3:55am

Hello @Mang,

It appears that you are having issues with WC Vendors plugins. I also noticed that your child theme has been heavily modified to cater to the WC Vendors plugin. Please be advised that this is a 3rd party plugin. You may need to contact the creators of the plugin for further assistance.

Thank you for your understanding.

Mang · September 11, 2020, 12:41pm

Thanks Ruenel.

tristup · September 11, 2020, 2:18pm

Hi @Mang,

There might be a few different reasons for this issue, I would suggest you troubleshoot with a few of the common issues:

If you have not done yet, please activate the parent theme to check whether the issue is with the Child Theme or not.
If you find that the issue still exists after activating the Parent theme, please copy your site to the staging server](https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/) so we could troubleshoot freely without breaking your live site.
And give us access in the secure note including:

– WordPress Site URL & Admin URL
– WordPress Admin username / password

To create a secure note, click the key icon underneath any of your posts.

NOTE: If your existing server is the staging one, please confirm us to start the experiment on it. Please remember to take a backup of the files, if not taken yet.

Thanks

Mang · September 11, 2020, 2:48pm

Thank you Trisup.

The issue does not exist in parent theme. I switched to Pro Theme and the issue went away. So the issue seems to be with Pro Child Theme. I also tried commenting all the custom folder inside Pro-Chile theme but the issue persisted.
Adding my Dev server details in secure note. It is my Dev site, please feel free to experiment as you want.

Thanks

tristup · September 11, 2020, 3:00pm

Hi @Mang,

So, the issue does not exist with the Parent theme and only comes when the modified Child Theme active. Please remember that the Modified Child Theme issues are beyond the scope of our theme support.

I would suggest you troubleshoot the child theme by removing the code blocks step by step, or consult with any developer if you wish to.

Thanks

Mang · September 11, 2020, 11:30pm

Understand. Thank you for your support.

Best

nabeel · September 11, 2020, 11:47pm

Glad that we could be of help.

Cheers!

Mang · September 12, 2020, 6:42pm

Hi Nabeel,

We were able to find out why the issue was happening in Pro Child Theme.

prakash_s · September 12, 2020, 7:34pm

Hi @Mang

I checked your website Dashboard there is a margin-top with -45vh value rendering on the popup because of that it is again behind the harder and you have increase the z-index value to display it.

To align the Popup just under the Header add this code in the X/Pro-->Theme Option -->CSS

.wcv-modal{margin-top:0;}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

Mang · September 12, 2020, 8:02pm

Thanks Prakash but the CSS did not help. I also want to say that this issue does not happen in other themes, it only happens in Pro theme.

ruenel · September 12, 2020, 8:46pm

Hello @Mang,

Instead of adding custom CSS to change the z-index of the modal popup, you can change the z-index of the bar. We just have to figure out what is the default z-index of the modal so that we can lower the z-index of the bar. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find the CSS selector and the styling of the modal popup.

Hope this makes sense.

Mang · September 13, 2020, 10:40pm

Below is the z-index of the modal. Lowering the z-index does not help, increasing does, which is what we did but that is making the dropdown and the date picker popup not work.
Thanks

.wcv-shade {
background: rgba(0,0,0,.8);
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-top: 0;
position: fixed;
z-index: 1000;

ruenel · September 14, 2020, 12:33am

Hello @Mang,

Where can I find this page so that I can investigate it further? To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

Mang · September 14, 2020, 1:02am

Please see this secure note.

ruenel · September 14, 2020, 2:54am

Hello @Mang,

I went ahead and edited your header. I change the z-indexes of the bar settings.

Check your page now.

Mang · September 14, 2020, 6:45pm

Thank you Ruenel.

marc_a · September 14, 2020, 10:24pm

Hi @Mang,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.