Block broswer option on Safari Iphone - html

I have a site but in Iphone device with safari for example there a bar with button in the bottom
Like this:
The image of the right.
And in this site : https://prismic.io/ if you clic on the menu burger this navigation bar is blocked. I want this but I don't know how to do.
If you have an idea ? thanks

Related

Hide progress bar in video background

I've created a Wordpress website with a video background on top of the homepage: https://beachvolleylovers.be/
When I go to the website with my iPhone, the video doesn't work (which is normal) but I still see the progress bar at the bottom. You sometimes see that progress bar on desktop when resizing your screen.
How can I hide that?
Set the controls attribute to false did the trick.

In Smart phones navigation bar (Menu) or my new design not scrolling

Designed a new template for my website but navigation bar (Menu) in mobile not scrolling.
Site menu is working on Hover function. Site menu is working fine in laptop desktop but when we are checking in smartphone then after open mega menu its not scrolling to see all submenu. When we are trying to scroll menu then its scrolling page not menu.
Please suggest me if we are missing any code. Site is here http://rsseosolution.com/newsite/

Page not showing correctly on chrome/safari browsers

I am having a problem with a website that I have made.
Whenever i try to open it in Chrome in a low resolution device, the nav bar remains like a 1920x1080 pc, and the loading circle that pop ups when you enter the site is not centered in either chrome or safari.
I Know I am messing up with the CSS but cant figure out how.
My site.
Thanks

CSS-only image slider problems on safari

I have a CSS-only image slider on my website. It works perfectly except on Safari tablet/mobile devices. It's very strange though because the slider just doesn't work on these mobile devices when you go to the slider page directly from my homepage. (If you refresh the page, of if you go directly to the slider page without going to the home page first, it works on these devices in Safari). I have no idea how to fix this, if someone could help please let me know!
Here is the link to my website:
http://averyeliasdesign.com
If you scroll down to the "Work" section and click on one of the work samples, it will take you to the page with the slider.
The link to the slider page is:
http://averyeliasdesign.com/work1.html
If you click on this direct link from your phone, the slider will work. It just doesn't work when you go to the slider page from my homepage.
It is working on my iOS 8.4 device (5th generation iPod touch).

disable URL bar appearing on scroll up in mobile Chrome

I am implementing a mobile website, which has menu link and contact phone at the top of the page with CSS position:fixed.
Unfortunatelly, Chrome on iPhone has a behavior that when I scroll up, the Chrome URL bar appears at the top of the page over my menu and I have to scroll down or wait some 5 seconds for hiding the Chrome bar and accessing the menu again.
Is there some option to disable this mobile chrome behaviour or some workaround?