menu questions
Hi,
I have two questions about the menu:
1. Is it possible to change the icon of the mobile menu to something like this:
http://screencast.com/t/YwkIr067Blhz
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: http://demo.themefuse.com/philanthropy/?page_id=640
Thanks again for your awesome support!
I have two questions about the menu:
1. Is it possible to change the icon of the mobile menu to something like this:
http://screencast.com/t/YwkIr067Blhz
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: http://demo.themefuse.com/philanthropy/?page_id=640
Thanks again for your awesome support!
Comments
yes, it is possible. Under Theme options > Responsive section is Menu Button | Text field where you should set the following content: 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.
1. When I do the change you suggested, the logo and the menu overlap each other:
http://screencast.com/t/mkYkUbZCnoY
Is it possible to align the logo to the left and the menu to align right?
2. The URL is: http://27diamondsla.com/
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.
#Top_bar .menu > li#menu-item-138 a span {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.background: #000 !important;
border-radius: 10px;
}
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.
#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; }I added both of those CSS codes, but it didnt seem to make any difference:
http://27diamondsla.com/
I added the ";" but unfortunately, it still doesn't make a difference.