Feedback on my site - is it ready to launch?

Site URL: https://perthtimelapse.com

Hi all, I've been working on the website for my new business for the last few weeks, and I think it's finally at a place where I am happy with it.

If anyone has any feedback on the site (good or bad), I would love to hear it 😀

https://perthtimelapse.com

Text overlap gallery images

3 minutes ago, tuanphan said:

Text overlap gallery images

Strange, this is what I am seeing

Could be because of viewport height? Would you have any ideas on how to fix?

Hi,

#1. How did you add text above gallery? 

#2. Also, try checking on mobile, when clicking burger, I see nothing appear.

#3. Learn more page: https://www.perthtimelapse.com/learn-more

Text overflow the box.

Add this to Design > Custom CSS to fix it

/* Learn more tablet list items */
@media screen and (max-width:1024px) and (min-width:768px) {
body#collection-611e4b3a741c6e57aac1c5b7 .user-items-list-simple .list-item[data-is-card-enabled="true"] {
    min-height: 90% !Important;
}
}

33 minutes ago, tuanphan said:

Hi,

#1. How did you add text above gallery? 

#2. Also, try checking on mobile, when clicking burger, I see nothing appear.

#3. Learn more page: https://www.perthtimelapse.com/learn-more

Text overflow the box.

Add this to Design > Custom CSS to fix it

/* Learn more tablet list items */
@media screen and (max-width:1024px) and (min-width:768px) {
body#collection-611e4b3a741c6e57aac1c5b7 .user-items-list-simple .list-item[data-is-card-enabled="true"] {
    min-height: 90% !Important;
}
}

@tuanphan Thanks again for taking another look! And thank you for fixing that text overflow issue, was battling with it for some time. For some reason, the mobile menu on my site does not show when you click it on desktop, but on an actual mobile phone it works fine. I am guessing it has something to do with one of the over 1500 lines of Custom CSS I added 😄. If you are referring to the text above the logo carousel, I just repositioned the gallery section up using CSS. That's probably also why it was sliding under the text on extremely small viewports.

One quick question to you, I have a bit of javascript I would like to implement, but I would like for it to only trigger on desktop. I tried doing something like:

<script>
if (window.screen.width > 780) {
  document.write( 
    '<script src="https://www.squarerefresh.xyz/assets/plugins/drag/js/drag.min.js"></script>'
  )
}
</script>

But this doesn't seem to work. Would you know to do this?

Thank you for being a legend, Tuan!

Cool site @LukasEriksen 

The page loading animation of your logo is a nice touch - presumably this is coded? Is your logo carousel also coded? Nice features.

All the best with your launch! 🙂

53 minutes ago, PartTwoDesign said:

Cool site @LukasEriksen 

The page loading animation of your logo is a nice touch - presumably this is coded? Is your logo carousel also coded? Nice features.

All the best with your launch! 🙂

Thank you @PartTwoDesign!

Yep, I used the code for the loading animation from this post here. Then I whipped up the animation of the logo in After Effects and exported as a gif. 

The logo carousel was just a tutorial from Will Myers. He explains it all super well in his blog post here. 

Thanks for checking out the site! 😀