Custom design

  • Is there a way to remove parts of the actual website in the PWA?

    For example, I want to remove the footer section of my website in the PWA.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Magazine3

    (@magazine3)

    There is no such option, Pwa itself is designed to get the exact website into an application. So you’ll see your PWA the same as it is on your website but there is no option to hide the footer section.

    Thread Starter Husein Yuseinov

    (@webg)

    So I assume that if I hide it for mobile devices it will take effect also on PWA?

    Plugin Author Magazine3

    (@magazine3)

    You can use the below codes in CSS 

    /* Replace "standalone" with "fullscreen" depending on your manifest.json display mode */
@media (display-mode: standalone) {
  /* All installed PWAs */
}

@media (max-width: 576px) and (display-mode: standalone) {
  /* Installed PWAs on mobile devices */
  
  @supports (-webkit-overflow-scrolling: touch) {
    /* Installed PWAs on mobile Apple devices */
  }
  @supports not (-webkit-overflow-scrolling: touch) {
    /* Installed PWAs on mobile non-Apple devices */
  }
}

    hide any element via these media queries and let us know back.

    Thread Starter Husein Yuseinov

    (@webg)

    Thanks that’s good enough for me!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom design’ is closed to new replies.