Glassmorphism in WordPress: Quick and Simple Tutorial for Beginners 2024

[@anvandare1]

Is it possible to find a solution so that it looks good on mobile? now it doesn't work well when you press the hamburger they become like a small box only 😒

[@AndoverIT]

Another great instructional video Jamie! No fluff, just to the point and easy to follow.

[@jamiewp]

Cheers and thank you 👍

[@SuttonsNest]

Another awesome video Jamie. I can’t thank you enough. I’ve spend countless dollars on college classes working towards a degree in web design and hadn’t leaned a fraction of what I have since spending $150 to be a member of Club Pootle. I’m dyslexic, so I don’t learn the same way other people do. I learn by doing and by repetition, and if the only video I got for my $150 was your cover block video it would be worth twice the price. I’ve watched that I bet half a dozen times, and I look forward to the rest of the year when I get to watch more of your videos and follow you on KZbin. You’re a rare find sir. “Thank you” doesn’t seem to say enough but I’ll say it anyway, thank you. And whenever my wife hears your voice when I’m watching KZbin videos she points up and say “Our cats… get a little treat!” (We have four. LOL)

[@jamiewp]

That's so incredibly lovely to hear - thank you for taking the time to write such a kind comment 🙏

[@andrisstanga5938]

I like this, but 2 things... First, this was a one page site. Can it be made to work on a multipage site, but instead of only the menu item on the right being with black background, the page you have reached has the black background? Second, as others have asked, can it be made to disappear into a hamburger menu for mobile users? - Even when my first problem has been overcome for multipage sites.

[@inn8ly]

Great job as always. The glassmorphism effect is also nice for card backgrounds.

[@jamiewp]

💯 👍

[@AaAa-je5eo]

Dope. Thanks Jamie, another killer tutorial

[@jamiewp]

thank you 🙏

[@Sandrocottus-nr3cv]

Thanks, you are amazing Jamie. I was eagerly waiting for this.

[@Sandrocottus-nr3cv]

Also please make a tutorial on easiest way to use interactivity api.

[@kaysha]

Really great

[@jamiewp]

thank you 🙏

[@visualmodo]

Really good video!

[@AndyHill-q6c]

Jamie, I've followed the above, looks great, I've found a bug I think, not sure if you know the solution? When the navigation is viewed at mobile width so it changes to a burger menu it only opens within the height of the row and scrolls, rather than covering the whole page, it's only an issue when it's the mobile menu, and if I take the navigation out of the row it's fine (but then I can't have the button and logo). I've found if I remove the blur CSS it stops it from happening too. So it appears to be an issue using a mobile navigation within a row that either has or is sat in a group using the blur CSS. Removing the blur fixes this, but the effect isn't as nice. Thanks

[@theredsox]

Hello. I'm facing the same problem. Did you find a solution?

[@AndyHill-q6c]

@@theredsox No, only by removing the blur and just having the opacity set, still looks OK, but not quite as nice as with the blur. @jamiewp - do you know a workaround? Thanks

[@theredsox]

@@AndyHill-q6c I have tried a lot of CSS code, any not working.

[@jimbagsh9569]

Thanks again Jamie!!!

[@jamiewp]

Thanks Jim

[@CBPlatinum]

Thanks, Jamie! This is excellent!

[@jamiewp]

Cheers Carl 👍

[@Jaiye_Abdul]

Thank you sir!

[@MrDeSilva]

absolutly beautiful!! thank you very much Jamie!!

[@jamiewp]

Cool, glad you like it ❤

[@webdoze]

Nice tutorial! Simple and to the point.

[@jamiewp]

Cheers

[@robinerik7351]

Great video! Looking forward to Friday's livestream. How will the setup be? Will we be able to see both of their screens all the time when they build? That would be nice so we don't miss anything, and maybe want to have it as a tutorial for later. (: If that is not possible, it would be awesome if they could record their screens as well, and upload it after the challenge. So we got their POV and can see everything they do to build the site. 😊

[@jamiewp]

Hi, yes we'll be able to see both screens, but I will be switching occasionally when specifically interesting things are happening. Just bear in the mind this is the first one, so we'll learn some lessons for sure. See you Friday :)

[@EricBright250]

I love this. Thanks.

[@jamiewp]

thanks for watching Eric 🙏

[@HelenaDenley]

Wow, that is beautiful.

[@jamiewp]

Thanks Helena 🤩

[@r4rohith]

thanks, gr8 work. is there way to remove white background in navbar and make hero background align with top of viewport.

[@samuelbhatti878]

Thanks for sharing!

[@jamiewp]

thanks Samuel

[@gbrca]

You are awesome! 💪 Thanx for video.

[@jamiewp]

My pleasure

[@mauriciobelmar4530]

Love it ❤

[@jamiewp]

thank you 🙏

[@SingaporeMathsAcademyUK]

Very nice indeed!

[@jamiewp]

thank you

[@ashurikkk]

thank u so much!!!

[@jamiewp]

👍

[@SingaporeMathsAcademyUK]

Would love to see you build the header for epidemic sound website with the colour change.

[@jamiewp]

Yup it’s on my list (trying to work out the best way)

[@SingaporeMathsAcademyUK]

@@jamiewp would love to see you use core blocks, probably with classes and css otherwise using Greenshift would be a welcomed change 😉

[@andrewdowniephd]

Just wanted to say if I did that with a can my wife would be livid... and we'd have a dent in the wooden floor too. Great tutorial btw!

[@jamiewp]

😬 thanks Andrew - there have actually been words about the wooden floor - but I go with the 'it's wooden, it should be weathered' argument.

[@andrewdowniephd]

@@jamiewp 🤣 I hope that worked, it wouldn't here 🤣

[@jamiewp]

@@andrewdowniephd nope it didn't here either 😬

[@ra-leksandar]

Thanks bro!!!

[@jamiewp]

👍

[@paulroos8517]

Thanks Jamie. Regards to your cat.

[@jamiewp]

Cheers Paul

[@Hanneslsm]

Looks great! Does it work with the hamburger menu though? Whenever I tried to create this in the past it interfered with the smartphone navigation overlay.

[@jamiewp]

Hmm I'll do some digging. This site was a one pager so I keep the desktop menu showing on mobile (so no issue).

[@sofiapaladino5172]

the issue with this is when it goes responsive, if you have a full screen header it makes it small

[@paulbacon5056]

I hope the del monte can missed the cats 🙂

[@jamiewp]

Yup they're very fast :)

[@vivekkumar-qd3ev]

Cats are making him do all these amazing things, credit goes to cats only😅

[@jamiewp]

Exactly 🐈

[@aijokker]

🐕

[@Shanti9]

#first

[@simonkerridge]

I hesitate to hit the “Like” button only because I don’t want to help your cats become obese! 😉

[@jamiewp]

Please do - the cats are fine (i spent 30 mins trying to find them to put them out last night!)

[@simonkerridge]

@@jamiewp 👍🤣