Pinegrow Community Support Forum

Plese guide Me - Navbar error

Why My Navbar Look like this. Please Guide. When I set Fixed Navbar. It resized. Please Guide me. I am New to Pinegrow.

Please Check here ---- www.prabhuantony.com

Hi,

I wonder when you are new to Pinegrow how it’s possible that you use a Bootstrap version from years ago?

First you have to create at least a Bootstrap 4 empty page with Pinegrow save it as a project and then start insert the blocks in it.
Or open an old project and use a good Bootstrap page structure (Bootstrap HTML) and insert the blocks.

Remember to use the original Bootstrap 4 page structure or you cause artifacts in the design!

Regards,
David

1 Like

And don’t forget your JavaScript at the bottom! Its all missing!

1 Like

You forgot:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="assets/js/popper.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

Please adjust the links to your situation!

This comes out of the console! Check your Javascript and add all necessary stuff at the bottom:

    at cb-main.js:25
    at cb-main.js:25
jquery.min.js:2 jQuery.Deferred exception: $(...).easyPieChart is not a function TypeError: $(...).easyPieChart is not a function
    at HTMLDocument.<anonymous> (http://www.prabhuantony.com/js/cb-main.js:9:27)
    at i (http://www.prabhuantony.com/components/pg.startup-blocks/js/su-main.js:2:27151)
    at Object.add [as done] (http://www.prabhuantony.com/components/pg.startup-blocks/js/su-main.js:2:27450)
    at n.fn.init.n.fn.ready (http://www.prabhuantony.com/components/pg.startup-blocks/js/su-main.js:2:29515)
    at new n.fn.init (http://www.prabhuantony.com/components/pg.startup-blocks/js/su-main.js:2:24945)
    at n (http://www.prabhuantony.com/components/pg.startup-blocks/js/su-main.js:2:405)
    at HTMLDocument.<anonymous> (http://www.prabhuantony.com/js/cb-main.js:9:1)
    at j (http://www.prabhuantony.com/assets/js/jquery.min.js:2:29568)
    at k (http://www.prabhuantony.com/assets/js/jquery.min.js:2:29882) undefined
r.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 jQuery.Deferred exception: $(...).YTPlayer is not a function TypeError: $(...).YTPlayer is not a function
    at HTMLDocument.<anonymous> (http://www.prabhuantony.com/js/jquery.mb.YTPlayer.min.js:2:26)
    at j (http://www.prabhuantony.com/assets/js/jquery.min.js:2:29568)
    at k (http://www.prabhuantony.com/assets/js/jquery.min.js:2:29882) undefined
r.Deferred.exceptionHook @ jquery.min.js:2
jquery.min.js:2 Uncaught TypeError: $(...).easyPieChart is not a function
    at HTMLDocument.<anonymous> (cb-main.js:9)
    at i (su-main.js:2)
    at Object.add [as done] (su-main.js:2)
    at n.fn.init.n.fn.ready (su-main.js:2)
    at new n.fn.init (su-main.js:2)
    at n (su-main.js:2)
    at HTMLDocument.<anonymous> (cb-main.js:9)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)
jquery.min.js:2 Uncaught TypeError: $(...).YTPlayer is not a function
    at HTMLDocument.<anonymous> (jquery.mb.YTPlayer.min.js:2)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)
su-main.js:1768 TypeError: Cannot read property 'top' of undefined
    at scrollToTop (su-main.js:1765)
    at HTMLButtonElement.<anonymous> (su-main.js:1777)
1 Like