Hello.
We have serious issues with the layout of our mobile homepage:
1 – When we try to modify the “Header” and the “Footer” with “Composer TagDiv“, it is completely impossible (as you can see on this screenshot: https://imgur.com/a/KQ2sXZq).
So how do we properly modify our Mobile Home Page “Header” and “Footer” to look like the normal Web Home Page ???
2 – When we try to move our Slide circled in Blue (on this screenshot: https://imgur.com/a/EQ4iWm1) to the “Empty Column” (circled in orange on the same screenshot) just above to fill the gap in this column, the slide is no longer displayed at all as you can see on the following screenshot: https://imgur.com/a/P7FnywX.
How then, to make the Slide appear moved in the “column above” since it disappears immediately after having moved it in this empty column located above ???
3 – How to resize the Slide so that it takes the whole width of the space exactly like on this screenshot: https://imgur.com/a/q7lNsOe where we notice the blue lines covering the whole line ???
Please answer us step by step if possible with screenshot examples.
Awaiting your reply.
Hello,
1. If you create mobile templates/mobile pages you need to convert the existing header/footer like this => https://www.screencast.com/t/HrjOBNayd
2. Please check what width you have set on the column. Also, you can try to add a row and add the slide in that row.
3. That code is set in the theme files and can be rewritten using this code, select the port view on the phone, select the content zone and set the margin-left and right to -20 and set this code in width
calc(100% + 40px)
=> https://www.screencast.com/t/Ek89ppzTGldT You can use this method for both (mobile responsive version or mobile page)
Thank you!
