PANELS © DEMO / PANELS © DEMO / PANELS © DEMO / PANELS © DEMO / PANELS © DEMO / PANELS © DEMO
CUSTOM CSS / CUSTOM CSS CUSTOM CSS / CUSTOM CSS CUSTOM CSS / CUSTOM CSS CUSTOM CSS / CUSTOM CSS / CUSTOM CSS / CUSTOM CSS
USE THE ELEMENTOR PRO CUSOTM CSS FEATURE
When using Elementor Pro, you must access the theme builder > add new > header and then make sure to select the “header” HTML tag on the desktop version. Then, access the advance tab > scroll down to custom css > add code found here.
selector {
positoin: fixed;
width 100%;
}
@media (min-width:768px)
selector {
wdith:10px;
}
MOTION EFFECTS / MOTION EFFECTS / MOTION EFFECTS / MOTION EFFECTS / MOTION EFFECTS / MOTION EFFECTS / MOTION EFFECTS / MOTION EFFECTS /
MOTION EFFECTS CONTROLS
Motion effects activated: Visit advanced > Motion Effects > Sticky (ON) > select “Top” for position. Once this is done, add an “offset” number depending on your content. This number can change depending if you have a lot of content or not.
ELEMENTOR PRO / ELEMENTOR PRO / ELEMENTOR PRO / ELEMENTOR PRO / ELEMENTOR PRO / ELEMENTOR PRO / ELEMENTOR PRO / ELEMENTOR PRO /
SIGN UP TODAY
This is the PANELS © demo. The original design can be modified, so feel free to change it up. 1925 Design created the PANELS © demo in order to help showcase a website with a more graphic-centric approach. Go ahead and send me your version, I’d LOVE to see what you create.