Tagged: 

This topic contains 7 replies, has 2 voices, and was last updated by  Pratik 10 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #129711

    ydigilov
    Participant

    http://www.historyofphilosophyofscience.org/

    When my site jumped to the mboile menu, two strange things happen.

    1.) By opening the mobile menu, it expands to the primary nav, but the options are too far on the left to be seen.

    How do I shift it to the center and make sure it isn’t covering any content?

    2.) When you open the mobile menu, the “MENU” text stays in the middle and can’t be closed.

    How do I change the z-index to make it clickable and move it out of the way of the opened mobile menu?

    #129733

    Pratik
    Participant

    Hi @ydigilov,

    The error is due to custom css you have added in Appearance=> Customize=> Additional CSS box. It is due to following code:

    
    .site-navigation .primary-menu
    {
    	/*border-top: 1px solid #3b6cb4;
    border-bottom: 5px solid #3b6cb4;*/
    	margin-top: -170px;
    float: right;
    	width: 1100px;
    }
    

    So you can replace this code with following and your site should run fine:

    
    @media only screen and (min-width : 1300px) {
        .site-navigation .primary-menu
            {
    	    margin-top: -170px;
                float: right;
    	    width: 1100px;
            }
    }
    

    Let me know how it goes.

    Regards,
    Pratik

    #129793

    ydigilov
    Participant

    You the man, Patrik!

    #129825

    Pratik
    Participant

    Hi @ydigilov,

    Thanks :D, if you liked my support, please leave a review at https://wordpress.org/support/theme/high-responsive/reviews/#new-post. It will a great boost for me 🙂

    Regards,
    Pratik

    #131559

    ydigilov
    Participant
    #131606

    Pratik
    Participant

    Hi ydifilov,

    Custom CSS is causing this issue. Add following code to negate it.

    
    @media only screen and (max-width : 1024px) {
       .site-header-main {
           margin-bottom: 40px;
       }
    }
    

    Regards,
    Pratik

    #131722

    ydigilov
    Participant

    Ah ok, do you know why the logo diminishes in resolution at times for the mobile site? It happens on a number of browsers, but not all.

    #131732

    Pratik
    Participant

    Hi @ydiglov,

    I cant be 100% sure but you have increased logo size via custom CSS code. This code might not be compatible on all browsers. This is why there are browser related issues. If you can be specific about browser, I can check if for you.

    Regards,
    Pratik

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Mobile Menu Invisible’ is closed to new replies.