Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 23, 2018 at 2:03 pm #945402
    LUISCANAL

    Hi guys !!

    I want to move secondary top menu to the left of the Shopping Cart Icon and get rid of the top bar space. Is that possible with CSS ?

    Thanks
    Luis

    April 24, 2018 at 9:29 am #945769
    Vinay

    Hey LUISCANAL,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    April 26, 2018 at 2:49 pm #947303
    LUISCANAL

    SURE, https://www.laudalighting.com/news/

    I need to move the SECONDARY MENU: Sign in / My AccountMy CartLogout

    Besides the shop basket, left to the basket. I accomplished that. But I need to get rid of the top bar, its empty !

    Thanks
    Luis

    April 28, 2018 at 1:07 am #948238
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    Once you add this move your secondary menu 30px or 25px up.

    #header_meta {
    border-bottom: none;
    min-height: 0;
    height: 0;
}
#header_main.container_wrap {
    border-top: none!important;
}

    Best regards,
    Vinay

    April 28, 2018 at 1:31 am #948243
    LUISCANAL

    Great !! The only problem I got know, is that logo is not linking in some parts … In the line of the div ..
    How can I solve that ?
    Thanks
    Luis

    April 28, 2018 at 7:12 am #948275
    Guenni007

    With both 100% width this will be a problem because even if the z-indices are the same ( header-meta got one of 10) this does not work.
    So we had to find a version in which those containers do not disturb each other

    The thing is that your top menu has a z-index of 10 and is 100% wide. So the cart symbol is without link option too ( and your logo)

    • This reply was modified 6 years, 6 months ago by Guenni007.
    April 29, 2018 at 7:05 pm #948694
    Guenni007

    This is a little bit hazy – because there was a 1px area of logo and shopping cart that does not work as link area:

    but i think you can live with that.:

    #header_meta .container {
    top: 50px;
    padding-right: 110px;
    overflow: visible;
    height: 1px !important;
    min-height: 0px !important
}

@media only screen and (max-width: 990px) {
#header_meta .container {
    padding-right: 170px;
}
  
#menu-item-shop .cart_dropdown_link {
    padding: 0 110px 0 70px;
}
}

    a 0px height would cause an other layout

    And we had to think about what should happen to very small screens !

    • This reply was modified 6 years, 6 months ago by Guenni007.
    April 29, 2018 at 7:46 pm #948701
    Guenni007

    on smaller screens go back to normal view of header_meta:

    @media only screen and (max-width: 768px) {
#header_meta {
    min-height: 30px !important;
    margin-bottom: -1px;
}
    
#header_meta .container {
    top: 0 !important;
    padding-right: 0;
    overflow: visible;
    height: 1px !important;
    min-height: 0px !important
}
  
#menu-item-shop .cart_dropdown_link {
    padding: 0 40px !important;
    top: -15px !important;
}
}
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.