javascript onload and several css issues with my jekyll theme

Job ID: 31221402

Budget: $10 – $30 USD

I've been using this theme for the last couple of months, and want to customize it. The base of the theme can be viewed at https://aiegoo.github.io/documentation-theme-jekyll.

One of the issue is that the image box running at 'onload' should work on the other site as onload script as a full screen page over main contents opacity 5% or optimized behavior, and disappears at a prescribed time period and a button to close it. Once run, the script and full-screen behavior won't repeat when visited again.

Currently the script is included in default.html which makes the script running each time I change a menu, and this is not what I want.

On mobile, and media-screen configuration should be added.

Check the reference site at www.yogaman.club (where it's working), www.github.com/aiegoo/documentation-theme-jekyll (where your work should work)

Your task: implement the same behavior as in the attached file but with onload, fullscreen and as I explained above. I have a couple of other issues such as in accordion sidebar where expansion of menu works on one but not on others, and my toc position at the right side of the page should need some attention too.

On mobile, I want the title of a page (h1 through h2) to be displayed on top nav bar.

And some styling issues I want you to fix.


budget: USD 20
Skills Required: javascript, html, css, modular development, Git, Github, Git Pages, Jekyll Theme
Related categories: JavaScript CSS HTML Git MEAN Stack