Drop-down menu mobile stopped working

  • Resolved ahopefulhome

    (@ahopefulhome)


    4 years, 1 month ago

    Good evening,

    I have finally created a static homepage. I am really happy with how it worked out. There are only two things I have problems with. 1. My mobile drop down menu has stopped working. When I click on it it will just glitch blue and nothing will appear. 2. I wonder whether I can reduce the white space between the menu and the title of the homepage?

    Thank you so much in advance.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • blossomthemessupport

    (@blossomthemessupport)

    Hi @ahopefulhome,

    1. I checked your site and noticed that there are two menu buttons displayed on mobile devices while you only have one menu on the desktop. Screenshot-https://prnt.sc/xpc1s7

    To remove the additional menu button, add below code in Additional CSS via Admin Dashboard > Appearance > Customize > Additional CSS.

    @media only screen and (max-width: 1024px){
#toggle-button {
    display: none;
}
}

    2. To reduce the space please add the below CSS code in Additional CSS.

    .navigation-holder {
    padding: 0px;
}

@media only screen and (max-width: 1024px){
.site-content {
    padding: 0px 0;
}
}
    Thread Starter ahopefulhome

    (@ahopefulhome)

    Thank you so much for your response! I’m surprised that you see two menus! I only see the one in the primary position and that one won’t dropdown. I’ve tried the CSS for removing the menu, and it was really effective. Is there any way though, to adjust the CSS in a way that it removes the menu in the secondary position rather than the one in primary position (I like the menu there :))?

    Thanks again!

    Thread Starter ahopefulhome

    (@ahopefulhome)

    I also wondered… When I click the dropdown menu button on my mobile, it won’t go back up if you know what I mean. I have to click any of the options in the menu for the dropdown menu to disappear. Is there anything I could do against this?

    Also, when I hover over the text on my mobile, the hover colour is pink. I’d rather have a different colour there. Is that possible?

    • This reply was modified 4 years, 1 month ago by ahopefulhome.
    blossomthemessupport

    (@blossomthemessupport)

    Hi @ahopefulhome,

    If you want to display the primary menu then you will have to change the location of the menu that is currently displaying on your site.

    You can change the location of the menu via Admin Dashboard > Menus. Screenshot-https://prnt.sc/xygvvo

    Also, please remove the first CSS code that we have provided to you earlier.

    Please let us know after you have set the menu to the primary location so that we can check if the other issue that you have mentioned still exists.

    For the hover color, we did not notice any pink color, screenshot-https://prnt.sc/xyh0uh . Can you please provide us a screenshot of the pink color?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Drop-down menu mobile stopped working’ is closed to new replies.