Essential Grid Dropdown menu

[ArcaneE]

Hi!

My site is blaisindustries.lamachineavapeur.ca

I would like to make my essential grid dropdown menu larger but even if I play around with the skin editor, no luck in finding the right css.

Help, please?

Thank you!

Nathalie

[ruenel]

Hey Nathalie,

Thanks for writing in!

Do you want to display something like this?

Please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(min-width: 768px){
    .simple-light .esg-filter-wrapper.dropdownstyle .esg-filterbutton {
        display: inline-block;
    }

    .simple-light .esg-filter-wrapper.dropdownstyle .esg-dropdown-wrapper{
        min-width: 750px;
        max-width: 100%;
        left: 50%;
        margin-left: -375px;
        background-color: transparent !important;
    }
}

Please let us know if this works out for you.

[ArcaneE]

Oh! Wow! That’s great.

Think I could have them aligned one below the other? If not, no worries, i’ll use this for sure!

Thanks,

Nat

[friech]

Hi Nat,

I’m not entirely certain what do you mean, but if you’re referring to the number of columns per row, you can set that on the Grid Settings.

https://www.themepunch.com/essgrid-doc/columns-rows-pagination/

Cheers!