Mobile View Menu

[Innercooled]

Hello. There are several issues with our Home Page Header: Desktop: The site appears fine in Chrome and Microsoft Edge. In Internet Explorer, the header and menus are not displaying correctly. Image here: https://prnt.sc/uhx78p Mobile: In mobile view, there appears to be gray space at the top of the site. Also, the "LOGIN" link is not displaying (preventing mobile users to login). Image here: https://prnt.sc/uhx8qu I have attempted to add CSS as suggested in previous posts with no luck. Site information is posted in separate message. Thank you,

[Innercooled]

This reply has been marked as private.

[Diana]

For Login in Mobile Menu Add this custom CSS @media (max-width: 767px){ #headertop .vibebp-login > a > span+span{ display: block !important; }
} Can you please tell me the version of Internet explorer on which you are checking

[Innercooled]

This reply has been marked as private.

[Veronica]

strange! we need to check this the css you have shared is for what? have you included the same?

[Innercooled]

This reply has been marked as private.

[Veronica]

hi, i have checked the same on demo it has some issue we need to write the code for the same http://prntscr.com/uk2rtx and also if you have applied any custom css regarding the current issue then remove it all i will share the latest one with you

[Innercooled]

This reply has been marked as private.

[Veronica]

hi the delay in response due to support holiday according to the demo add this in wp-admin>>customize>>custom css @media (max-width: 768px){ header.univ .header_univ .logo_container { margin-top: 0px !important; } header.univ .header_univ .header_top_main ul.topmenu { grid-column: 1 !important; } #headertop .topmenu+.topmenu{display:block !important;} } will look like this then: http://prntscr.com/ukvw7e if you want to change your demo then of course you can we have many more you can refer: https://demos.wplms.io/ https://demos.wplms.io/academy/

[Innercooled]

This reply has been marked as private.

[Veronica]

hi as you can see here http://prntscr.com/ulpzce you have enabled the WordPress bar for non logged in user as well that's why it is appearing there you can disable this for non logged in user the grey line is the WordPress bar disable that for non logged in user it will be disabled and for a demo on internet explorer yes right same on your site and same for demo http://somup.com/cYQ36JXL3T http://prntscr.com/ulqcck will check and update the code accordingly

[Innercooled]

I had to search online for the location to disable the Wordpress bar. Completed. Thank you for working on the code to correct the header/menu issue in Internet Explorer. We still have many users on Internet Explorer and this issue prevents access to the site as the "Login" link does not even appear. I hope for quick resolution. Thank you again.

[Veronica]

ok then you can use this: @media (max-width:640px){ .header_top_main {display:none;} } add this in apperance>>customize>>custom css

[Author]

Posts