digihive

Found the answer in another topic starter thread: https://www.ads-software.com/support/topic/unable-to-edit-heder-and-footer/

Thank you

Thank you, @fauzanjegstudio.

I’ve enhanced your code to not only specify pages for script inclusion but also to:

1. Make the mouse cursor a pointer over the entire JK Icon box.
2. Link the JK Icon Box only if an “href” value exists.

Check it out here: https://pastebin.com/ZYL8WZJM

Regarding code clarity, consider your BlueCorp theme: https://templatekit.jegtheme.com/blucorp/

The homepage has 3 JKit Post Block elements https://take.ms/qRwdxx without pagination https://take.ms/sxK2z

Despite this, the source code contains unnecessary settings for pagination, as seen here: https://take.ms/5mMYp.

This is repeated for every instance of JKit Post Block on the home page and issue recurs across almost every other Jeg plugin element.

This extra code slows down page loading and rendering, impacting site performance and search engine rankings, as search engines prefer sites with higher content to code ratio.

The optimization plugins you mentioned don’t address this issue in the webpage’s source code.

• This reply was modified 1 year ago by digihive.

Hi @fauzanjegstudio

The script works well. Can we adjust it to only add to pages with the Jkit Icon Box in the footer? Currently, it’s applied to all pages, even where the Icon Box isn’t present.

I also noticed many unused Jeg Elementor Kit scripts on pages for elements that are not explicitly used on those pages, making them script-heavy. Are there plans to optimize this, removing unnecessary code from pages where it’s not needed?

Hi @fauzanjegstudio

Thank you for your reply.

I added the code and it is present in the HTML source however, it is not functioning as expected. Well. Actually it is functioning exactly as coded, b/c it acting on click on post (jkit-postblock).

However, I was initially asking about JK Icon box?elements (jkit-icon-box)

Can you help adjusting your code to trigger on JK Icon Boxes element?

Hello @fauzanjegstudio

Thank you for your guidance and instructions. With your help, we identified and resolved the issue, albeit with slight modifications to your original approach. Your advice was very invaluable.

@fauzanjegstudio

I’ve deactivated all plugins except for Elementor, Elementor Pro, and Jeg Elementor Kit. The issue persists.

Disabling Elementor Pro resolves the issue, but it leads to the side effects mentioned previously:

I added the code and it fixed the issue with the white line on mobile resolution. At the same time the fix introduced the whole new set of problems, where the site looks good in mobile mode in Elementor Editor, but the offset of the heading is off when rendered in mobile browser and real mobile devices.

See screenshot: https://take.ms/5N7lt

It seems that Elementor Pro is adding the code that causes the white line issue. Yet, removing this code leads to alignment issues with the dynamic header. The top elements also ignore the set padding, disrupting the layout.

What should I do next to identify and solve these problems?

Hi Fauzan

Thank you for your prompt response.

Could you please mention which theme you purchased?

This is BlueCorp theme.

I added the code and it fixed the issue with the white line on mobile resolution. At the same time the fix introduced the whole new set of problems, where the site looks good in mobile mode in Elementor Editor, but the offset of the heading is off when rendered in mobile browser and real mobile devices.

See screenshot: https://take.ms/5N7lt