Okay
  Public Ticket #2441218
sticky full width line
Closed

Comments

  • thibault1992 started the conversation
    June 15, 2020 at 4:23pm

    Hi, 

    I'm using the "Page Submenu" tool to let the visitors navigate easily on my website, i'm very happy with it. I ve made the menu sticky and I would like to know if it's possible to make a "divider full width line" sticky as well to properly separate the submenu from the rest of the page ? 

    You will find 2 screenshots attached. 

    Thanks !

  •  8,884
    Tahir replied
    June 16, 2020 at 12:24pm

    Hey Again,
    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks

    ThemeNectar Support Team 

  • thibault1992 replied
    June 16, 2020 at 12:28pm

    Hi, 

    Thanks for the reply. 

    I'm working on a local environnement but here is a preview link : 

    http://dacea54376b2.ngrok.io/tarifs/

    Thanks 

    T

  •  8,884
    Tahir replied
    June 16, 2020 at 12:54pm

    Hey Again, 

    Adjust the css as per your liking.

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .page-submenu.stuck .full-width-content ul {
    border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
    border-top: 7px rgba(0, 0, 0, 0.12) solid;
}

    Thanks

    ThemeNectar Support Team