menu questions

motomarketing · November 2015

Hi,
I have two questions about the menu:

1. Is it possible to change the icon of the mobile menu to something like this:

[Links visible only for registered users]

That way, it's more clear to some users who are browsing on lower resolution laptops. This would also require the logo to align left and mobile menu to align right, so that there is some space.

2. Is it possible to highlight a certain menu item at all times, regardless of what page the user is on? Like the "Donate Now" button on this theme: [Links visible only for registered users]

Thanks again for your awesome support!

Albert · November 2015

Hey,

yes, it is possible. Under Theme options > Responsive section is Menu Button | Text field where you should set the following content:

Menu <i class="icon-menu"></i>

2. Yes, this is possible but requires custom css's. If you will send us url to site where you want to do this and will tell us which menu item should be highlighted, we'll tell you how this can be done.

motomarketing · November 2015

HI,

1. When I do the change you suggested, the logo and the menu overlap each other:
[Links visible only for registered users]

Is it possible to align the logo to the left and the menu to align right?

2. The URL is: [Links visible only for registered users]
FYI, most of the menu items are still under construction. But the menu item I would like highlighted at all times is the "Free Quote" one.

Albert · November 2015

1. So you can move this menu:

@media only screen and (max-width: 479px) {
    #Header a.responsive-menu-toggle { right: -15px !important; }
}

2. You can highlight this menu item with below css:

#Top_bar .menu > li#menu-item-138 a span {
    background: #000 !important;
    border-radius: 10px;
}

you can do the same for any other item in the future but you must switch current 138 (which is menu item ID) to other.

motomarketing · November 2015

Thank you! Sorry to be a pain, but 2 more questions regarding the highlighted menu item:

1. Is there a way to make the height of the menu smaller (right now it makes the box too big around "free quote").

2. Is there a way to change the hover color for just the highlighted item only -- I ask because the background color is the same as the hover color, so when someone mouses over "free quote", the text disappears.

Albert · November 2015

1. Margin bottom for the Top Bar can be removed with below css only:

#Top_bar .container .column { margin-bottom: 0 !important; }

2. You can change it's color with below css:

#Top_bar .menu > li#menu-item-138 a span { color: #000 !important; }

motomarketing · November 2015

Hi,
I added both of those CSS codes, but it didnt seem to make any difference:
[Links visible only for registered users]

Albert · November 2015

It's because you did mistake. Please compare our css and your's. You forgot about about ";" after color attribute.

motomarketing · November 2015

Hi,
I added the ";" but unfortunately, it still doesn't make a difference.

Albert · November 2015

It does not work because you did another mistake. Color can be set in 3 or 6 digits format. Yours one got 5.

motomarketing · November 2015

Oops my mistake again..sorry! Works perfect. Thank you!

Albert · November 2015

No problem!

delboy2010 · January 2016

Where can we find the menu item id?

Albert · January 2016

You can find it with Firebug tool for example.

menu questions

Comments

This website uses cookies