Hello

In what way would you like the hover of your menu items to be styled. By default there is no hover effect on these items (http://www.joomla51.com/demo/0140).

Ciarán

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine these issues further. For our reference please paste a link to this post in your email.

Ciarán

Thank you Manfred

1. This issue should be now amended.

2. You appear to be using the contentop-# module positions for your logo. Is this the area you wish to edit the height on mobile devices? Or maybe just the menu area?

3. To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

a:hover {

    color: #000000;

} 

Ciarán

Hi Ciarán,

Thank you for your support

1.) PERFECT! Where was the bug?

2.) The module positions for the logo is correct. My customer is having the same style on the old website and I'm not allowed to change that I just want to change the height of the menu for mobile devices a little bit... and if possible also the base (footer).

3.) I don't want to change the color of a:hover. If you take a look on the website (not mobile version) there is the menu on top. The font color of the text "Stickbienchen",.. is white but the text decoration "underline" is orange and so you won't see the "hover". If you scroll down, the height of the menu is getting smaller and you see the orange line für "hover". I would like to reduce the distance between text and line and change the color of the line.

Kind regards,
Manfred

P.S.: The new menu for the mobile version is cool!

Hi Manfred

1. The bar icon was replaced with a more wide supported Font Awesome icon.

2. To amend the height try adding the following to the Custom CSS field of your templates parameters...

#container_slideshow {

    padding-top: 64px;

}

.hornav > ul > li > a {

    line-height: 26px;

    padding: 5px 0;

} 

3. To amend the active underline try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

.hornav > ul > li.active {

    border-bottom: 1px solid #ffffff;

} 

Ciarán

Hi Ciarán,

Ahhhh... it's looking better, but still not perfect
How do I get the HOVER for the hornav-menu items?

Kind regards,
Manfred

Hi Ciarán,

My fault!! Sorry... it should look like "active", just underlined.

Manfred

Hi Manfred

To amend try adding the following to the Custom CSS field of your templates parameters...

.hornav > ul > li:hover {

    border-bottom: 1px solid #ffffff;

} 

Ciarán

Hi!

Perfect! Thank you so much!

Kind regards,
Manfred