Comments Artur started the conversationSeptember 9, 2015 at 7:55pmHi,We have a problem with sticky nav and mobile nav on some sizes of responsive layout.please have a look here: http://www.metropolis-live.co.uk/and check it in different resposive layouts.We set it to switch to mobile menu on resolutions below 1000px.This works fine on width: 320px, 480px, 600pxHowever on 768px and 800px the mobile nav shows only when you start scrolling the page, doesn't show when it is first loaded.Where is the problem?ThanksArtur 895TheFox repliedSeptember 10, 2015 at 11:12amHello Artur,Try to update the theme to the version 1.32, also before updating remove the visual composer plugin, then after updating the theme go to Appearance > install plugins to install the new version.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Artur repliedSeptember 10, 2015 at 12:26pmHi,is there no other way of fixing the problem?We customized a lot of files to change design of the theme and would like to avoid theme updates.RegardsArtur 895TheFox repliedSeptember 11, 2015 at 6:35amHi Artur,If you don\'t want to update the theme then you would need to update the style and style_end.css and also the customjs.js file.Do not hesitate to contact us if you have other questions.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Artur repliedSeptember 11, 2015 at 5:42pmHi,Updated those files and the problem still exists.RegardsArtur 895TheFox repliedSeptember 12, 2015 at 1:34pmHi,Then I think it\'s a problem with the modifications you made.Please try to add top:0px;to the .menu_slide.mt_menu class.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Artur repliedSeptember 14, 2015 at 12:30pmHi,Added that and now on smaller screen size there is a gap between buttons I added and the menu,and on widths 768px and 800px the menu is overlapping my code.Why it behaves differently on different screen widths?RegardsArtur 895TheFox repliedSeptember 15, 2015 at 5:13amHi,I see you added custom css for media under 1000px, this is where you need to add the 0px.It behaves differently depending on the screen width because the menu change if the site is seen from phone, tablet or laptop.Do not hesitate to contact us if you have other questions.Regards --------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Sign in to reply ...
Hi,
We have a problem with sticky nav and mobile nav on some sizes of responsive layout.
please have a look here: http://www.metropolis-live.co.uk/
and check it in different resposive layouts.
We set it to switch to mobile menu on resolutions below 1000px.
This works fine on width: 320px, 480px, 600px
However on 768px and 800px the mobile nav shows only when you start scrolling the page, doesn't show when it is first loaded.
Where is the problem?
Thanks
Artur
Hello Artur,
Try to update the theme to the version 1.32, also before updating remove the visual composer plugin, then after updating the theme go to Appearance > install plugins to install the new version.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi,
is there no other way of fixing the problem?
We customized a lot of files to change design of the theme and would like to avoid theme updates.
Regards
Artur
Hi Artur,
If you don\'t want to update the theme then you would need to update the style and style_end.css and also the customjs.js file.
Do not hesitate to contact us if you have other questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi,
Updated those files and the problem still exists.
Regards
Artur
Hi,
Then I think it\'s a problem with the modifications you made.
Please try to add
top:0px;
to the .menu_slide.mt_menu class.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi,
Added that and now on smaller screen size there is a gap between buttons I added and the menu,
and on widths 768px and 800px the menu is overlapping my code.
Why it behaves differently on different screen widths?
Regards
Artur
Hi,
I see you added custom css for media under 1000px, this is where you need to add the 0px.
It behaves differently depending on the screen width because the menu change if the site is seen from phone, tablet or laptop.
Do not hesitate to contact us if you have other questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme