Slightly tweak website CSS to be more mobile friendly
Budget: $10 – $30 USD
I have a website that was designed for desktops and I am looking for a web designer/developer to tweak my current CSS such it detects when there is a mobile browser as the window has gotten so small and it hides certain div elements and adds a hamburger menu at the top right.
The hamburger will have 8 list (LI) items: Home, Products, Services, Forum, Discord, Contact, VIP, VIP Sign in
I believe in total there 6 divs to remove (display:none) and changing of the background CSS of a few divs. There also seems to be an issue with it not centering on the page fluidity so that may require some effort to ensure it takes up the full-width real-estate on the phone.
Payment will be released after verification that the new CSS provided produces results very close to the provided before and after screenshots. The screenshots were created looking at the site in google chrome device tool bar under the Iphone 12 pro dimensions (see https://developer.chrome.com/docs/devtools/device-mode/)
The hamburger will have 8 list (LI) items: Home, Products, Services, Forum, Discord, Contact, VIP, VIP Sign in
I believe in total there 6 divs to remove (display:none) and changing of the background CSS of a few divs. There also seems to be an issue with it not centering on the page fluidity so that may require some effort to ensure it takes up the full-width real-estate on the phone.
Payment will be released after verification that the new CSS provided produces results very close to the provided before and after screenshots. The screenshots were created looking at the site in google chrome device tool bar under the Iphone 12 pro dimensions (see https://developer.chrome.com/docs/devtools/device-mode/)