PWA Prompt issue on Android and a mysterious Icon

Kara

my Pwa prompt shows in back of my Navigation and an Icon Appears on android device when i click i can Install the PWA how can i get the old version without the icon on top and Pwa promt above of my nav bar

josan420

Kara are u sure that its not css? Try removing css code and check again. Mine is working fine.

STREAMTRADE

Kara This is a known problem, I had the same problem, the problem is the css of the floating menu, namely the background color. The solution is to change the background color directly in the css file, then the application installation message will be displayed correctly.

ventis

Hi can you share your css please i mean restaurant block and icons. I really felt for the design

soodomaa

That icon is indication to notify the customer to Add to homescreen. It is a good add on feature on the customer side.

Kara

soodomaa ok that is also normal

but i try everything nothing happens ist also behind teh nav bar 🙁

soodomaa

Kara Maybe your site heavily css customized.

Kara

soodomaa i solved the problem

.fixed-pwa-install {
position: fixed;
bottom: 7rem;
padding: 20px 25px !important;
background-color: #fff;
-webkit-box-shadow: 0px 2px 25px 12px rgb(0 0 0 / 9%);
box-shadow: 0px 2px 25px 12px rgb(0 0 0 / 9%);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 90%;
border-radius: 10px;
height: 6rem;
justify-content: space-around;
text-align: left;
z-index:3;
visibility: visible;
}

.pwa-phone-icon {
font-size: 2rem;
padding: 0 5px;
}
Thank you Guys

Hurry up! Limited time offer