EDITING THE MOBILE HOME PAGE
The mobile version of the FRONT PAGE of the site is hidden from laptops and desktops. It has been created as a separate element to give you more control over its appearance.
This is achieved through the use of custom CSS code injected to the page header.
Therefore, when editing, adding or re-ordering a project in the mobile view there are three steps:
Disable the custom code to REVEAL the mobile version
Edit the mobile version
Re-enable the custom code to HIDE the mobile version
1. Disable the custom code to REVEAL the mobile version
Hover over the Art Work (Home) page and click the COG icon (or hover over the page itself and choose SETTINGS)
Click on ADVANCED to reveal the code block
Remove the */ from the end of this line:
/* On non-mobile devices, HIDE the header */
The code turns grey, and is disabled.
Click SAVE in top left.
You will now see an oversized version of the mobile HOME page.
2. Edit the mobile version
Hover over the page and, at the top, where it says Header Content:Art Work click EDIT
Double click the first image to open the GALLERY block that drives this section
If adding a new project:
Upload a suitable thumbnail image
Hover over the image and click the COG icon
Give it a title and type the URL of the project, pre-fixed by /artworks-master – remember, this URL can be found in the POST you created to display the GALLERY:
Click SAVE on the page itself. You have now added a new thumbnail and link which will be displayed on mobile phone devices only.
3. Re-enable the custom code to HIDE the mobile version
Hover over the Art Work (Home) page and click the COG icon (or hover over the page itself and choose SETTINGS)
Click on ADVANCED to reveal the code block
ADD the two characters */ to the end of this line:
/* On non-mobile devices, HIDE the header
The code beneath turns coloured, and is enabled:
Click SAVE in top left
All done! You have edited the mobile home page. Be sure to test your site on your phone to ensure all is well.