Problems in the header - by AdSh - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

  • Avatar: AdSh
    AdSh
    Participant
    April 4, 2018 at 13:01

    Hi,

    I have some problem in the header.
    In the attachment your will find my target (how my website should be) and another attachment shows the current home page on my website.

    Target: https://www.dropbox.com/s/z67ics5jv4f6ird/Target.png?dl=0
    Home page: https://www.dropbox.com/s/solm83dgpfkp63x/Myweb.png?dl=0

    Please let me know how to solve these problems.

    Thanks

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 4, 2018 at 14:28

    Hello,

    Please add this code in custom.css file:

    .top-bar .languages-area,
    .top-bar .languages-area .widget_icl_lang_sel_widget {
        width:  auto;
    }
    .top-bar .wpml-ls-legacy-dropdown-click {
        width:  auto;
        background: transparent;
    }
    .top-bar .wpml-ls-sidebars-languages-sidebar, .top-bar .wpml-ls-sidebars-languages-sidebar a, .top-bar .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
        background:  transparent;
        border: none;
        color:  #fff;
    }
    .top-bar .wpml-ls-sidebars-languages-sidebar a:hover {
        background:  transparent;
        color:  #fff;
        text-decoration:  none;
    }
    .top-bar .wpml-ls-sidebars-languages-sidebar .wpml-ls-sub-menu {border:  1px solid;background: rgba(255, 255, 255, 0.2);}
    .top-bar select {
        line-height:  1;
        width: auto;
        height:  auto;
        margin:  0;
        border: none;
        background-color:  transparent;
        color:  #fff;
        padding:  0;
        font-weight: 200;
        outline-offset:  0;
    }
    .fixed-header .menu > li > a:hover:after, .main-nav .menu > li > a:hover:after,
     .fixed-header .menu > li.current-menu-item > a:after, .main-nav > li.current-menu-item > a:after {
        background: #9c81b8;
    }
    .fixed-header .menu > li > a:after, .main-nav .menu > li > a:after {
        transition:  all 0.2s linear;
        content:  '';
        height:  2px;
        position:  absolute;
        width:  100%;
        background: transparent;
        top: 0;
    }
    .my-account-link:before, .logout-link:before, .login-link:before, .register-link:before, .checkout-link:before {
        color:  #fff;
    }
    .header-wrapper .top-bar .side-area-icon i:before {
        color:  #fff;
    }

    How to create custom.css you can watch in this tutorial – https://www.youtube.com/watch?v=Qok2zRedRMY.
    Widgets of top bar you can change in Appearance > Widgets > Place in header top bar. Read more in our documentation – https://www.8theme.com/demo/docs/legenda/#!/widgets

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.