Highlited and underlined menu

edited March 2015 in Menu / Mega menu
I'd like to have menu:
- underlined like this: http://themes.muffingroup.com/be/language/
- with ActionBar

But my menu:
- isn't underlined when I move mouse's coursor on the position in menu
- ActionBar's slogan is white - in different color than phone's numer




These are my settings:
image


image

image

image

image

image

image

image

image

Comments

  • Hi,

    for menu and links we used below css:
    #Top_bar:after { background: #74c5f3; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; z-index: 21; }
    #Action_bar a { color: #a7afcd; }
    Thanks!
  • edited March 2015
    I will try this css code.

    I'd like to have underlined menu (when I move mouse's coursor on the position in menu) like this: http://themes.muffingroup.com/be/language/

    CSS code won't solve this problem.
    My menu is static - isn't underlined or highlited.
  • Menu items do not highlight because all your menu items are current menu item. You should sort menu first and everything will be fine. The only menu item which is link to other page, is "Start" and on hover this item highlight as you can see.
  • OK, now menu works fine. Thank you.

    How to change color of "slogan"?

    I put this Css code:
       #Top_bar:after { background: #74c5f3; content: ""; display: block; height: 4px; left: 0; position:    
       absolute; width: 100%; z-index: 21; }
       #Action_bar a { color: #000000; }
    but slogan it's still different than white (hex: #000000)

  • Is it possible to decrease height of menu bar?

    image
  • To change slogan color, please use below css:
    #Action_bar .contact_details li.slogan { color: #000 !important; }
    but menu can't be decreased unfortunately.
  • OK, Thank you for you advice.

    Why do clients need to change the ActionBar's color using CSS instead of here:
    image

  • CSS is necessary if someone do not use custom colors.
  • edited March 2015
    I think that the color's option of menu bar(including all elements of ActionBar) should be placed in the same location as the other functions changing the colors.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.