Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #425543

    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

    #425636

    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 5 years, 9 months ago by  Armando Nava.
    #425639

    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

    #425758

    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

    #425979

    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.

    #425980

    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.

    #426084

    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!

    #426831

    Hola Armando,

    Pasame el link a la pagina donde tienes el menu.

    Saludos,
    Josue

    #426842

    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 5 years, 9 months ago by  Armando Nava.
    #426847

    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

    #426849

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

    Slaudos!

    #426850

    Ahhh!

    Listo, funciono de maravilla!

    Agradezco la ayuda de ambos

    #426854

    Genial, un gusto poder ayudado :)

    Saludos,
    Josue

    #427008
    This reply has been marked as private.
    #427014

    Hi Jessica!

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

    Best regards,
    Josue

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

The topic ‘Fullwidth Sub menu’ is closed to new replies.