Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 5, 2023 at 5:22 am #1409588
    nTECHgrate

    Hello Enfold Team,

    I am using the mobile menu on desktop and would like to adjust how far it slides open, but on desktop only (it’s perfect on mobile). I would also like to make the background color slightly transparent, can you please point me in the right direction? If it is helpful, I created an account for you and put the details in the private content.

    As always, thank you for all your help.

    -James

    June 5, 2023 at 6:26 am #1409590
    Guenni007

    You do not need to make absolute settings for the scope of the slide out. Relative settings are also accepted here:
    In the meantime, the distribution of the property: backdrop-filter is very good, so that it is now quite possible to use it with high browser support.
    It will offer you a kind of frosted glas effect for the slide-out.

    @media only screen and (min-width:990px){
  .av-burger-overlay-scroll {
    background-color: rgba(255,255,255,0.7) !important;
    width: 40% !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}
    June 6, 2023 at 1:31 am #1409696
    nTECHgrate

    This is perfect!!!

    Thank you.

    -James

    June 9, 2023 at 5:12 pm #1410086
    Mike

    Hi,
    Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Adjust mobile menu slide out on desktop’ is closed to new replies.