Change Menu backgorund color & drop down color backgorund - Support

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
May 28, 2014 at 4:20 pm #271223

smorrone
Participant

Hi guys i was looking in the support forum how to changhe de menu background and drp down color but i couldn´t find anything like i am needing.
Here i leave an image what efect i want to achieve, http://goo.gl/KQwWzq
hope i can find any help

Thanks
Salvador

May 28, 2014 at 11:39 pm #271500

Josue
Inactive Moderator

Hi Salvador!

You can use the Advanced Styling Options:

Best regards,
Josue

May 29, 2014 at 5:07 pm #271862

smorrone
Participant

Hi Josué How are you?
Thanks josue, it solves only one part, i am using transparent header, and the changes are only visible when is scroll down. Besides, i need that all the menu element with color, not only the tabs, i mean al the with of the page.

May 29, 2014 at 6:58 pm #271930

Josue
Inactive Moderator

Hi,

Can you post a link to the website please?

Regards,
Josue

May 29, 2014 at 8:12 pm #271980

smorrone
Participant

Hi Josué como estás, aca está el sitio http://abolengo.com.ar/anuevo/
and here the look i want to achieve
y acá com quiero que se vea
http://goo.gl/KQwWzq

May 29, 2014 at 8:15 pm #271983
Josue
Inactive Moderator
Añade esto al Quick CSS:
```
div#header_main_alternate {
    background: #d7d7e0 !important;
    border-bottom: 0 !important;
}
```
Habría que hacer ciertos ajustes cuando se hace scroll.
May 29, 2014 at 8:25 pm #271994

smorrone
Participant

Josué, gracias! era lo que necesitaba. Si queda raro con las lineas blancas en el scroll. De donde toco éso? Contame si podés?

Saludos y gracias!

May 29, 2014 at 8:27 pm #271998
Josue
Inactive Moderator
Prueba con esto:
```
#avia-menu a, #header_main_alternate {
    border: 0;
}
```
May 29, 2014 at 8:57 pm #272015

smorrone
Participant

Lo unico que cambió fue el fondo del dropdown

May 29, 2014 at 9:01 pm #272019
Josue
Inactive Moderator
Hay un error de tipeo en tu código, esta asi:
```
div#header_main_alternate {
    background: #cecccd !important;
#avia-menu a, #header_main_alternate {
    border: 0;
}
```
Debería ser asi:
```
div#header_main_alternate {
    background: #cecccd !important;
}
#avia-menu a, #header_main_alternate {
    border: 0;
}
```
Saludos,
Josue
May 29, 2014 at 9:46 pm #272065

smorrone
Participant

Ahora si muchas gracias Josué. hay forma de hacer mas angosta la barra del menú? la que ahora está en gris? Es lo último que te pido!
Saludos

May 29, 2014 at 9:51 pm #272070
Josue
Inactive Moderator
Si te refieres a la altura, esto servirá:
```
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li > a, .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    height: 30px !important;
    line-height: 30px !important;
}
```
Cambia 30px por el tamaño deseado.

Saludos,
Josue
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.