Navigation
Archive / Hide Header Vertical Lines
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 7, 2017 at 6:02 pm #1398391
    ideneo
    Participant

    Hi!

    I Would need to remove the vertical lines on the header.
    Using the code

    .x-logobar {
    border-bottom: none !important;
    }

    I can only hide upper line.
    Please check image attached

    Many thanks

    March 8, 2017 at 1:55 am #1398751
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar .desktop .x-nav>li:first-child>a,.x-navbar .desktop .x-nav>li>a {
    border-left: none;
border-left: none;
}

    Hope that helps.

    March 15, 2017 at 10:13 am #1408107
    ideneo
    Participant

    Hi again,

    No, It is still visible. Please see attached.

    Am I doing something wrong?

    March 15, 2017 at 10:29 am #1408143
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    March 16, 2017 at 12:06 pm #1409862
    ideneo
    Participant

    Sure!

    It is http://www.sastreriagonzalez.es

    Hope that helps

    March 16, 2017 at 3:10 pm #1410100
    Jade
    Moderator

    Hi there,

    Please add this code as well:

    .x-navbar .desktop .x-nav>li>a {
    border-right: 0;
}

    Hope this helps.

    March 17, 2017 at 3:59 am #1410806
    ideneo
    Participant

    Done!! Thanks Jade!!! Perfect job!!

    March 17, 2017 at 8:35 am #1410979
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1398391 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>