I can't see the second dropdown menu on mobile

Activello
1

Hello again!
I have two dropdown menues and I can’t see the second one on mobile. I attached an image to show how it looks.
This is my blog: http://saliralmundo.com
Any idea how to solve that? I tried to change the min-width but it’s not working.
Thank you in advance :slight_smile:

2

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

@media (max-width: 768px){
.menu-item-has-children {
left: -91px;
}
}

Best Regards,
Support

3

Hi!
Thanks for your reply.
I added the CSS and now I can see the dropdown menu but it still doesn’t look ok. The menu item “Viajes” is missing (it should look like “Sobre mí”) and some other menu items are not alligned.
I’m attaching a screenshot.
Thanks!

4

Hi!
Sorry for the insistance, but I’m still having this problem with the second dropdown menu, could someone please help me with this? :slight_smile:
Thanks!

5

Thank you for replying with this information.

Please answer the following question for us.

  1. Kindly remove the CSS that was previously provided?
  2. Have you applied any custom CSS to your website apart from what has been provided by our support?
  3. Are you using any plugin that modifies the theme visually?
  4. Are you using the latest version of the theme?

Best regards.
Support.

6

Hello!

  1. I removed the previously provided CSS
  2. I have this custom CSS but it’s just to change the colours:

/main menu color hover/
.navbar-default .navbar-nav> li> a:hover{
color:#E94E1B;
}
/active main menu hover/
.navbar-default .navbar-nav> .active> a:hover{
color:#E94E1B;
}
/dropdown menu hover/
.navbar-default .navbar-nav a:hover{
color:white;
background:#E94E1B;
}
/Active drop down/
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
color:white;
background:#E94E1B;
}

.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
color: #E94E1B;
background-color: transparent;
}

  1. I’m not using plugins that affect the styles
  2. I’m using the latest version of the theme, I downloaded it a month ago.
7

I can see you are using older theme version 1.3.1 on your site but the latest theme version is 1.3.3 so please update your theme to the latest version.