Elementor Nav Fullscreen Dropdown



    Codiga Fan #25142

    The code creates a selector with a max-width of 768 pixels, which will apply to all media except for screens that are at least 1024 pixels wide. The selector also includes an elementor-background-overlay selector, which sets the background size to cover and the background position to center at 400 pixels from the top left corner of the screen.

    @media screen and (max-width:1024px){
        selector ul{
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
      z-index: 1;
      position: relative
    selector li{
    selector .elementor-menu-toggle{
        position: relative;
        z-index: +1001
    selector li{
      justify-content: center;
      display: flex
    selector nav{
        z-index: 1000
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.