Tagged: , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • April 8, 2015 at 7:52 pm #425543
    Armando Nava

    Hola,

    Necesito ayuda para ajustar la altura del Fullwidth Sub menu en una de mis secciones; También ver como puedo mantener “iluminado” una sección del menú principal así como la del submenu, las secciones del submenu tienen como parent a una sección del menu principal, pero solo el primer click lo mantiene activo, adjunto imagen de muestra.

    Agradezco de antemano su ayuda.

    https://mega.co.nz/#!sAZ1hQzb!pwEAuh9-Hxkdkz66lrK0u-w4BnV6jtBmaln9qhPcdUo

    April 8, 2015 at 11:05 pm #425636
    Armando Nava

    Ok, encontre como cambiar la altura del fullwidth sub menu poniendo esto en mi archivo style.css del child theme:

    #top .sticky_placeholder	{ height:30px; position: relative; clear:both; }
#top .av-submenu-container	{ height:30px; position: absolute; width:100%; border-bottom-style: solid; border-bottom-width: 0px; -webkit-perspective: 1000px; -webkit-backface-visibility: hidden; font-size: 13px; /* line-height: 1.65em; */}
#top .av-submenu-container .container{padding:0 !important;}
#top .av-subnav-menu	  { margin:0; }
#top .av-subnav-menu   li {position: relative; display: block; margin:0;}
#top .av-subnav-menu > li {padding:5px 0; display: inline-block;}
#top .av-subnav-menu > li > a{padding:0px 10px 0px 10px; display: block; border-left-style:solid; border-left-width:1px;}
#top .av-subnav-menu > li:first-child a{border-left:none;}
#top .av-subnav-menu > li ul{visibility:hidden; position: absolute; width:200px; top:50px; left: 0; text-align: left; border-style: solid; border-width:1px; margin:0; opacity: 0; 
-webkit-transition: all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
}
    • This reply was modified 9 years, 7 months ago by Armando Nava.
    April 8, 2015 at 11:08 pm #425639
    Armando Nava

    Pero aun no encuentro como mantener activo mi “sección” del menu principal junto con la del sub menu dentro de la secci´øn

    https://mega.co.nz/#!sB5QWS4J!akxrCG4EKjElptjVr1lJZGKOMJ7z1GO9HexJv1siaJ4

    April 9, 2015 at 8:54 am #425758
    Ismael

    Hi!

    Thank you for using Enfold.

    I’m not sure if I understand you clearly so I’ll ask one of the support team to check this. If you want to highlight the current menu item or active page in the fullwidth submenu, use this in the Quick CSS field:

    #top .av-subnav-menu > .current-menu-item a .avia-menu-text {
  color: red;
}

    Cheers!
    Ismael

    April 9, 2015 at 3:15 pm #425979
    realit-treuhand

    Hi. Can someone provide me the CSS code(s) for my following problem:
    I’d like to expand my main navigation to the left and right, so that it becomes fullwidth like the header. The text should stay at its place. Only the white color should go all the way to the sides.
    http://realit2015.ch/
    Also how can I change the size of the submenu “boxes”, is it called padding?

    Thanks for your help.

    April 9, 2015 at 3:16 pm #425980
    realit-treuhand

    Hi. Can someone provide me the CSS code(s) for my following problem:
    I’d like to expand my main navigation to the left and right, so that it becomes fullwidth like the header. The text should stay at its place. Only the white color should go all the way to the sides.
    http://realit2015.ch/
    Also how can I change the size of the submenu “boxes”, is it called padding?

    Thanks for your help.

    April 9, 2015 at 5:22 pm #426084
    Armando Nava

    Hi Ismael,
    Sorry for the inconvenient, after I read my post I also wasn’t sure if it was clear or if it makes sense.

    What I wanted to do is to highlight the parent page in the main menu and also the current item or active page in the fullwidth sub-menu; I tried the quick CSS you suggested but it did not highlighted itself.

    Regards!

    April 10, 2015 at 11:37 pm #426831
    Josue

    Hola Armando,

    Pasame el link a la pagina donde tienes el menu.

    Saludos,
    Josue

    April 11, 2015 at 12:04 am #426842
    Armando Nava

    Que tal Josue, listo te paso el link, acabo de publicarla ya que estaba trabajando en local:

    http://ikondisplays.com/products/plastic-displays/

    Lo que hice fue iluminar el item activo del sub menu con un <strong> pero en el menu principal/parent (que es products) quisiera que se haga highlighted tambien.

    Las secciones Manufacturing y Products es donde tengo fullwidth submenu.

    Saludos!

    • This reply was modified 9 years, 7 months ago by Armando Nava.
    April 11, 2015 at 12:09 am #426847
    Josue

    Puedes hacer uso de la clase current-page-ancestor que recibe el item padre de la pagina que se muestra:

    .current-page-ancestor .avia-menu-text {
    color: red !important;
}

    Saludos,
    Josue

    April 11, 2015 at 12:14 am #426849
    Armando Nava

    Ok, veamos, solo una pregunta, este codigo lo pongo en quick css?

    Slaudos!

    April 11, 2015 at 12:17 am #426850
    Armando Nava

    Ahhh!

    Listo, funciono de maravilla!

    Agradezco la ayuda de ambos

    April 11, 2015 at 12:34 am #426854
    Josue

    Genial, un gusto poder ayudado :)

    Saludos,
    Josue

    April 11, 2015 at 11:01 am #427008
    MATTIA
    This reply has been marked as private.
    April 11, 2015 at 12:04 pm #427014
    Josue

    Hi Jessica!

    Please create a new topic including admin access (in private content ) and a link to the old topic.

    Best regards,
    Josue

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Fullwidth Sub menu’ is closed to new replies.