Introduction
Thank you for purchasing the Kosmetisk Template by Pixco.
This documentation provides all the necessary steps to help you set up and customize the template to suit your needs.
Don’t have the template yet? Purchase it here.
Getting Started
To maintain brand consistency, we recommend starting with your "Styles" settings.
This helps ensure consistent fonts and colors across your website. To get started, click the "Assets" tab in the top-left panel, scroll down to "Styles" and update the fonts and colors to align with your brand.
Customizing the Header
The header is a vital part of your website’s navigation, providing users with quick access to key links.
You can fully customize the header using the Layout Template which is located in the Assets tab and called Main, Framer’s innovative method for creating reusable elements that apply across all pages, removing the need to update components and elements on each page individually.
Elements in a Layout Template are easily identifiable as they are named accordingly.
Editing the Header
To edit the header, double-click the header component, or go to “Assets” and select “Main” under the Template section.
Within the header, you can easily:
Upload your logo by double-clicking the logo component and replacing it with your own file.
Change menu item names.
Swap the booking button link to a different booking platform that you might already be using.
Editing the Sidebar
This design includes a stylish fullscreen, overlay-style menu. To modify the mobile menu / sidebar, click the header component > Overlay > Sidebar (Layers tab, the “Header” layer will be highlighted in purple, showing it’s the active layer).
Customizing the Footer
Customizing the footer is easy and intuitive. Like the header, the footer can be fully tailored to your needs.
To begin, double-click the Footer component to modify its elements, including the footer menu. Some elements may seem hidden across breakpoints (Desktop, Tablet, Mobile) in order to compensate for layout changes, so make sure you take a close look at all the breakpoints when making changes.
