Menu mobile problem

CodeVibrant Forums Enrollment Menu mobile problem

This topic contains 3 replies, has 2 voices, and was last updated by  codevibrant 12 hours, 45 minutes ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1498

    gaitan.camiloe
    Participant

    Hi.

    I’m using Layout Two for the header. When I see the home page in my mobile phone (and some others), the menu doesn’t work fine. The menu moves to the right side of the screen and doesn’t display fine. Adicionally, when the scroll top is 0, the menu button doesn’t show the elements that are inside it.

    My URL is htttp://fundacionsantiagoapostol.edu.co/site

    #1505

    codevibrant
    Keymaster

    Hello there

    Please add the following code in additional CSS box in customizer:

    @media (max-width: 600px) {
    .header-layout2 #masthead .menu-search-wrapper {
    	position: relative;
    	height: 50px;
    	width: 100% !important;
    	left: 0;
    }
    
    .header-layout2 #primary-menu {
    	z-index: 999;
    }
    }

    Thanks 🙂

    #1536

    gaitan.camiloe
    Participant

    Hi.

    Thanks for the reply.

    I have a similar problem with the mobile menu, when I use the default design. When I use it, the logo is not displayed and the menu is messed up.

    This is the URL of the site: http://fundacionsantiagoapostol.edu.co/

    Another problem I have had is that when I try to update the theme with the latest files, my wordpress processes the request but does not respond. It takes a long time and does not respond.

    Can you help me?

    #1550

    codevibrant
    Keymaster

    Hello there,

    Please add the following code in additional CSS box in customizer:

    @media (min-width:1200px) and (max-width:1400px) {    .home #masthead, .home.header-default #masthead {
    
            left: 0;
    
            -webkit-transform: translate(0%);
    
            -ms-transform: translate(0%);
    
            -o-transform: translate(0%);
    
            transform: translate(0%);
    
        }    #masthead .menu-search-wrapper{
    
            width: 80%;
    
        }
    
    }

    Can you please download the latest zip download and try to re-install by deleting the existing one.

    PS: If you have done some customization in theme file then added code will be deleted after updating the theme.

    Thanks,

    • This reply was modified 12 hours, 12 minutes ago by  codevibrant.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.