You’re offline. This is a read only version of the page.
Announcements
11
Hi all! i would like to edit mobile responsive on powerpage, would need help on where and how to edit mobile responsive on powerpage (edit image/logo/header etc), can someone guide me? many thanks!
Regards,
Yeam
Hi @yps104,
actually power page is a normal webpage.
You will just need to setup your media queries and use css to style your mobile version.
You can use different min-widht with the css classes or IDs and stlye them accordingly.
If you want some items not to be shown you can set them to display: none.
For media queries have a look here: https://www.w3schools.com/css/css_rwd_mediaqueries.asp or https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
You will also find a lot if tutorials on youtube regarding media queries.
Some general breakpoints which will work for the most devices are:
Also with the bootstrap class names:
| X-Small | None | < 576px |
| Small | sm | ≥ 576px |
| Medium | md | ≥ 768px |
| Large | lg | ≥ 992px |
| Extra large | xl | ≥ 1200px |
| Extra extra large | xxl | ≥ 1400px |
--------------------------------------------------------------------------------------
Hope that helps.
If the post solves your problem, please mark it as solution. If it helps, consider a thumbs up.
Share
Report
All responses (
Answers (
