Incompatibility with Oxygen Site Builder

SubhanAllah!

there is nothing to do with this plugin.

I just played around with your oxygen builder and manged to get rid of the top padding.

Hope that is OK.

Mustafiz.

Wa salaam,

Jzk khairan for your investigation. Apologies, I think there is a bit of misunderstanding, I applied the padding so that the issue was clear. Please check the below screenshot, in’sha’Allah it is more clear:

1) Home page (no issue)

2) Prayer timetable page (issue appears)

Only when prayer shortcode is on the page the issue appears – for some reason the inner-content div get pushed to the top of the HTML body when timetable shortcode is used. I have checked with oxygen dev, and they asked me to check with the plugin dev.

Regards,
Jawad

Salam,

Sincere apology for my dull brain, I still don’t understand the problem.
I just created a new page,

https://fantastic-cowfish.w6.wpsandbox.pro/monthly-prayer-mustafiz/

And it looks OK to me.

Can you please explain again ??

Wa Salaam,

Sorry for that, I should perhaps explain the structure of the page first.

If you go to Oxygen > Templates > Main

The reason your page cannot see the issue is because it is using Template “Default” – if you apply Template “Main” with the padding then the issue will appear.

So when the shortcode for the page is dropped –>

You can see that the Inner Content has now gone to the top of the page ABOVE the header. The timetable has been injected below the header.

The structure should be Header –> Inner Content –> Timetable –> Footer

But instead it is rearranged Inner Content –> Header –> Timetable –> Footer

Does this help? Please let me know, if not I will do a screen-recording for you ??

Jzk Khairan,
Jawad

Salaam brother,

I am not able find the issue,
Basically this is the skeleton for that page,

https://fantastic-cowfish.w6.wpsandbox.pro/wp-admin/plugin-editor.php?file=daily-prayer-time-for-mosques%2FModels%2FMonthlyShortCode.php&plugin=daily-prayer-time-for-mosques%2Fdaily-prayer-time.php

Once the ajax is triggered, it updates the jQuery('#monthlyTimetable').html(response);

and here is the table to be updated in that place,
https://fantastic-cowfish.w6.wpsandbox.pro/wp-admin/plugin-editor.php?file=daily-prayer-time-for-mosques%2FViews%2FMonthlyTimetablePrinter.php&plugin=daily-prayer-time-for-mosques%2Fdaily-prayer-time.php

If you can find the reason, let me know, I will update the plugin.
Also, can you verify with other builder if the same thing happens.
It may be the way oxygen handles ajax request, not sure

Really sorry for this issue.

The other way to use it, not to use oxygen for this page and and add extra padding on top of this ID.

Mustafiz.