Fix mobile menu on bootstrap wordpress site
- or -
Post a project like this2525
$$
- Posted:
- Proposals: 10
- Remote
- #1569096
- Completed
Website Developer & Designer | WooCommerce Expert | ♛ TOP CERT | Top 10 Developer on PPH
Cork
React.js♥WORDPRESS THEME♥SHOPIFY♥WP theme♥PSD 2 XHTML,HTML5( Bootstrap, Sass, Scss )♥ASP.NET (C#,DNN)♥PHP♥SEO♥SEM
Jaipur
WordPress Developer | Page Speed Optimization | Security | Elementor Expert | Custom themes, plugins | PSD/HTML to WP
Manassas
Top Rated Web & Mobile dev Expert on PPH - WordPress | PHP-Mysql | Codeigniter | Laravel | Flutter | Angular & React JS
Surat
10619751403902101190249816448884554344605240111424012042771654160
Description
Experience Level: Intermediate
General information for the website: Wordpress mobile navigation fix
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of requirements/features: Hi I hope you are well.
I have an issue with the menu on mobile browsers for my website. Please take a look here:
http://varsity-education.projects.vinteractivity.co.uk/
The issue is that the menu is not working well on mobile devices. The subjects section for example shows only some of the subjects on first click. Also, the sub menu that shows is not full width. On second click, it is fine but this should work first time. This problem is on iPhone. On android, the issue is when collapsing the submenu (programmes, subjects, dates and fees), the menu does not go away but shows as a half width hovering menu.
These bugs are beyond my skill set and I am looking for someone to take care of it, perhaps it is a simple css fix or perhaps you need to fiddle with the navigation js?
The site menu is standard bootstrap. The css is written in SASS and compiled to a single css min file. The JS is also minified so ideally the fix would be supplied in code I can then add to my assets so the preprocessor can still compile the code and the site can remain optimised for speed etc. If the fix is a layout issue then you can edit the theme file or the nav walker file to change the layout and I can replace the old one. Hope all that makes sense or if you need clarification, please ask.
Thanks, Vincent
Specific technologies required: PHP, CSS, JS
Extra notes:
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of requirements/features: Hi I hope you are well.
I have an issue with the menu on mobile browsers for my website. Please take a look here:
http://varsity-education.projects.vinteractivity.co.uk/
The issue is that the menu is not working well on mobile devices. The subjects section for example shows only some of the subjects on first click. Also, the sub menu that shows is not full width. On second click, it is fine but this should work first time. This problem is on iPhone. On android, the issue is when collapsing the submenu (programmes, subjects, dates and fees), the menu does not go away but shows as a half width hovering menu.
These bugs are beyond my skill set and I am looking for someone to take care of it, perhaps it is a simple css fix or perhaps you need to fiddle with the navigation js?
The site menu is standard bootstrap. The css is written in SASS and compiled to a single css min file. The JS is also minified so ideally the fix would be supplied in code I can then add to my assets so the preprocessor can still compile the code and the site can remain optimised for speed etc. If the fix is a layout issue then you can edit the theme file or the nav walker file to change the layout and I can replace the old one. Hope all that makes sense or if you need clarification, please ask.
Thanks, Vincent
Specific technologies required: PHP, CSS, JS
Extra notes:
Vincent S.
100% (4)Projects Completed
4
Freelancers worked with
4
Projects awarded
13%
Last project
26 Jul 2017
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
I've sent you a proposal, already have a solution ready for you once you accept it. :)
416013
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies