Child Theme breaks SuperFly on X / Cornerstone

[urchindesign]

So we have a bit of a weird issue. Please read this carefully.

We have a site build in X / Cornerstone that has extensive customisations.

With the latest version of the theme, Super Fly does not load properly. If we activate the main theme it works.

To troubleshoot we have deactivated all plugins, turned on error reporting and logging etc. and there are no errors.

Here is where it gets weird. If I remove the child theme and replace it with your default child theme downloaded from the docs and activate that Super Fly stops working.

So basically, even a default X child theme breaks super fly.

I can also confirm that everything works OK with SuperFly Version 4.3.3 when the child theme is active but breaks with SuperFly Version 5.0.19. (This is with a default child theme)

[tristup]

Hi @urchindesign,

It seems that your child theme contains some code that conflicts with the Superfly Menu plugin. I would suggest you back up your child’s theme and remove the piece of custom code one by one till the issue resolves. The last that resolves the problem is the reason behind your issue.
Please remember that we don’t offer any support or investigation on custom coding or related issues.

Thanks

[urchindesign]

This is why I asked you to read carefully.

As a test I downloaded the default child theme from your docs.

Even if you activate the default child theme with no customizations the problem occurs.

[marc_a]

Hi @urchindesign,

Would you mind sharing your credentials so that we can take a closer look? To do that, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[ruenel]

Hello @urchindesign,

After further investigation, I found out that when the X Child Theme is activated and you go to Appearance > Customize > Additional CSS, you have inserted this custom CSS:

.sfm-no-mobile.sfm-pos-left body, .sfm-no-mobile.sfm-pos-left #wpadminbar{
	padding-left: 200px !important;
}

#sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, .sfm-style-toolbar .sfm-copy{
	width: 200px;
}

.sfm-pos-left #sfm-sidebar .sfm-view-level-1{
	width: 200px;
	left: 200px;
}


.sfm-pos-left #sfm-sidebar .sfm-view-level-2{
	width: 200px;
	left: 400px;
}

.sfm-pos-left #sfm-sidebar .sfm-view-level-1,
.sfm-view-pushed-1 #sfm-sidebar .sfm-view-level-2{
-webkit-transform: translate(-200px,0);
-moz-transform: translate(-200px,0);
-ms-transform: translate(-200px,0);
-o-transform: translate(-200px,0);
transform: translate(-200px,0);
-webkit-transform: translate3d(-200px,0,0);
-moz-transform: translate3d(-200px,0,0);
-ms-transform: translate3d(-200px,0,0);
-o-transform: translate3d(-200px,0,0);
transform: translate3d(-200px,0,0);
}

#sfm-sidebar,
.sfm-pos-right .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {
	-webkit-transform: translate(-200px,0);
	-moz-transform: translate(-200px,0);
	-ms-transform: translate(-200px,0);
	-o-transform: translate(-200px,0);
	transform: translate(-200px,0);
	-webkit-transform: translate3d(-200px,0,0);
	-moz-transform: translate3d(-200px,0,0);
	-ms-transform: translate3d(-200px,0,0);
	-o-transform: translate3d(-200px,0,0);
	transform: translate3d(-200px,0,0);
}

.sfm-pos-right #sfm-sidebar, .sfm-sidebar-slide.sfm-body-pushed #sfm-mob-navbar {
	-webkit-transform: translate(200px,0);
	-moz-transform: translate(200px,0);
	-ms-transform: translate(200px,0);
	-o-transform: translate(200px,0);
	transform: translate(200px,0);
	-webkit-transform: translate3d(200px,0,0);
	-moz-transform: translate3d(200px,0,0);
	-ms-transform: translate3d(200px,0,0);
	-o-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0);
}

If the parent X theme is active and you go to Appearance > Customize > Additional CSS, there is no custom CSS. This means that you need to remove the custom additional CSS when the X Child Theme is active to be able to resolve your issue.

Please check it out now.

[urchindesign]

Awesome thanks. That is odd. I never use that area to add CSS to sites. Appreciate the effort.

[friech]

Glad we could help,

Cheers!