ORIGINAL DESIGN BUILT BY JAMIE KIGHT
JK [03.01.2021] Jamie Kight
***
Rotating sidebar social icons to 90 degrees – JK
https://youtu.be/xMRUTPB7jlA
***
Positioning elements outside of grid (sidebar with social icons) – JK
https://elementor.com/help/how-to-set-absolute-position-for-an-element/
***
Music Back Layer – JK
You will need to grab this section inside the Navigator. It is an HTML iframe that is playing an MP3 from the site url. You cannot see it on the front end because the section beneath it is overlapping it. We took the section beneath it and made the section background solid white. We then went under the Advanced tab and moved the top margin to negative so the section overlaid on the music section to hide it.
Lottie Elements – JK
https://lottiefiles.com/
Overlay Elements – JK
Many of the overlay elements are bottom sections where we placed the margin under Advanced to negative. Some of these elements are such a high negative number that on the front end, they appear to be an above section. However, if we wanted to create an overlay effect, we took a bottom section and added X amount of negative points to move it above a section and overlay. An example of this is the GRAPHIC DESIGN and T DESIGN IMAGINATION sections. On the front end, it appears T DESIGN IMAGINATION is an above section; but in the design it is a bottom section. Please refer to the NAVIGATOR. Many of the LOTTIE CONTACT elements are the same way. Use the NAVIGATOR to grab sections and view their order.
***
Hero Headlines – JK
Several of the headlines in the hero are set to ABSOLUTE under POSITIONING
***
Layout Issues on Mobile – JK
https://elementor.com/help/common-layout-issues-faq-index/