Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi same question than @ironhead3 .
    What is the CSS to use to expand the search bar on Main menu or Secondary menu.
    I use DIVI.
    Thanks

    Plugin Author Damian Góra

    (@damian-gora)

    The search bar inherits the width of the parent element. The best practice is to set with of parent element.

    If you can directly set a search wrapper with, use following sample CSS:

    
    .dgwt-wcas-search-wrapp {
        min-width: 600px;
    }
    
    @media (max-width: 768px) {
        .dgwt-wcas-search-wrapp {
            min-width: 320px;
        }
    }
    

    It may interfere with the mobile view, so I recommend using more precise classes instead of the general .dgwt-wcas-search-wrapp.

    Best
    Damian

    Hi Damian,
    I’ve been able to tweak it.
    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Search bar width in header’ is closed to new replies.