Getting Started (workflow guideline)
- 1. SiteManager Studio Signup (first time only)
- 2. Create a new website project
- 3. Design setup
- 4. Create first layout (content)
- 5. Add Content
- 6. Content Design
- 7. Check Responsive
- 8. Powerful CMS upgrades
- 9. Create Layout Variants
- 10. Custom development
- 11. SEO features
- 12. Add additional users
- 13. Go Live
Integrations & Databases
Search Engine Optimization
Page Components (code)
Design layout elements
Before we start creating layout variants we are going to check if our layout design elements react well to different screen sizes. We are using the same steps as described inhttp://knowledge.sitemanager.io/getting-started-workflow-guideline/7-check-responsive/general-styling
Go to the design editor (placeholder render or page render) and select the paintbrush style icon for the component you want to change.
In this example we are going to double check the font-size of the website title in the menu.
There are 4 viewports: laptop (default), large desktops, tablets and mobile icons.
Large Desktop view
Click the desktop icon in the style panel property.
Click the tablet icon in the style panel property. (portrait mode)
Laptop view (standard)
Click the laptop icon in the style panel property. (same as landscape tablet)
Click the mobile icon in the style panel property.
In this example the font-size for mobile is smaller then other screen sizes.