Submenu on mobile

[ellos]

Hi, can you please take a look at the following link on the mobile device?
http://highwayliberty.com
You would notice the site menu looks totally fine, but when you click on the menu items (for example, About Us) – you would notice that submenus are blank. it seems like they are white and the text is white – hence the ‘blank’ look.

I’m not sure where is it coming from – can you let me know how to fix it?

Thanks
ELijah.

[sharmstr]

You’re doing it to yourself.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[ellos]

OK, then how do I replicate on mobile what I have configured for menu on the desktop?

it looks like this on is no being applied on mobile:

COPY CODE

.dropdown-menu.sub-menu.pull-left {
  background-color: #647da7;
  opacity: 1;
}

The rest of the code seems to apply.
Here is it in full

COPY CODE

/*site menu*/

.dropdown-menu.sub-menu.pull-left {
  background-color: #647da7;
  opacity: 1;
}

.dropdown-menu.sub-menu.pull-left > li > a {
  color: white !important;
}

.dropdown-menu.sub-menu.pull-left > li >  a:hover {
  background-color: #86cccc !important;
}

.dropdown-menu > .active > a {
  background-color: #8fd89f !important;
}

Thank you.

[ellos]

p.s sorry for the typos, it could be great if there was an option to edit the text after it is posted.

it looks like this on is no being applied on mobile:

I meant – “it looks like this on the desktop and it is not applied on mobile”

[sharmstr]

put !important on it.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[ellos]

Thanks. I should have noticed.

[Author]

Posts