Okay
  Public Ticket #2967762
CSS
Closed

Comments

  • mkinternet started the conversation

    Hi


    Trying to get the "child" sub menu items all to line up to the right hand side. Got the menu to appear of the left with the menu items to appear on the right but they are not all aligned, any item with "child" items seems to have either padding or a margin pushing it towards the left.


    Thats the bit I dont want. Need them to all line up, please help.


    Steve

  •  2,958
    Andrew replied

    Hello Steve,

    Menu child items appear to align to the right. Did you mean you want to align them to the right?

    1692102512.png

    Thanks

  • mkinternet replied

    Hiya


    Sorry I managed to resolve that one by myself however I'm struggling to add a video as a background to the off canvas menu - can you help?


    Steve

  •  1,877
    Judith replied

    Hi There,

    I am afraid this would need just more than css to add video background.

    Thanks.

  • mkinternet replied

    Okay so whta would be needed then?

  •  1,877
    Judith replied

    Hi There,

    It would need customization of the off canvas files which as this point is beyond our scope of support, you may need to a hire a private developer to assist further.

    Thanks.

  • mkinternet replied

    Ok if not a video then can we use an image which we can adjust its opacity?

  •  8,839
    Tahir replied

    Hey Again,

    You can add opacity or set a Background image url using the CSS below.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen) {
        background-color: #009fcc9c !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1,877
    Judith replied

    Hi There,

    Please try this css:

    #slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen), #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-split, #slide-out-widget-area-bg.fullscreen-inline-images .nectar-ocm-image-wrap-outer, #slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right {
        background-color: #26a5d3b3;
        background: url(https://i0.wp.com/post.healthline.com/wp-content/uploads/2021/05/apples-1296x728-header.jpg?w=1155&h=1528);
    }
    body #slide-out-widget-area.slide-out-from-right-hover {
        opacity: 0.6 !important;
    }

    Thanks.

  • mkinternet replied

    Hi

    Yep - that works, many thanks guys

    Steve