Mobile-First" development implies always having in mind the mobile display and the weight of the pages for the fastest possible display whatever the size of the screen.
In the demo database, we propose you a configuration with a main page and 5 subpages, this is only an example of configuration!
For the main page, usually the home page, avoid :
We chose a layout without side boxes, to keep only the essentials in the center of the page and a few boxes at the bottom of the page.
For subpages, the main criterion is the volume of a page, a heading, or even a category or subcategory.
For example, you have a lot of photos on your site so a lot of galleries, it is interesting to create a subpage for the photo galleries. Attention: a gallery is a maximum of 50 photos especially if you make a presentation with Unite-Gallery!
Here, this is not the case, but your choice will first have to meet the main criterion with the aim of having a fast display!
The configuration of the boxes for each subpage :
Be careful when changing lines for example: .T0entrow0 becomes .T1entrow0 for subpage 1, then .T2entrow0, .T3entrow0, .T4entrow0, .T5entrow0 for the following ones.
Please note:
it is always important in a concern of speed in mobile to respect this organization, knowing that for each page the loaded css files are style.css, styleplus.css, mobstyle.css and stylepageX.css,
The unalterable style.css file contains the rules from Config look, the styleplus.css file and the mobstyle.css file are the global customization files,
The stylepageX.css files are the individual customization files for each subpage, in which it is always possible or even preferable to put both web and mobile customizations.
Document generated in 0.2 second