How to work on mobile responsive on powerpage?

Like (0) Share

Report

Posted on 23 Oct 2023 03:19:00 by yps104

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

All responses (1)

Answers (0)

Lucas001 2,143 Super User 2025 Season 1 on 23 Oct 2023 at 09:53:47

Like (0)

Report

Re: How to work on mobile responsive on powerpage?

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.