How to change Woocommerce Dropdown width

  • Resolved tyronty

    (@tyronty)


    2 years, 8 months ago

    I am trying to edit the width of the dropdown width using these two CSS codes but it doesn’t seem to change anything.

    1.
    .header-main-layout-1 .main-header-bar-navigation .sub-menu {
    width: 300px;
    }

    2.
    .elementor-nav-menu .wpml-ls-item .sub-menu {
    width: 300px!important;
    min-width: 300px!important;
    }

    Image link: https://snipboard.io/Ec9fWT.jpg

    I am using the Astra theme and Elementor editor

    • This topic was modified 2 years, 8 months ago by tyronty.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @tyronty

    Sharing your site URL might help look into this further.

    Naz.

    @tyronty

    As pointed out by @nazreenexe, a view of your site will help determine how best we can assist you.

    We look forward to hearing from you.

    Thread Starter tyronty

    (@tyronty)

    I have submitted a link but it is still being manually reviewed.

    Will send the bare link: https://newtimescomputer.com/shop/

    Hi @tyronty, how’s it going today?

    Before we proceed, it’s important to keep in mind that this is a bit out of scope for us, since it’s handled by your theme.

    However, you can make some tweaks on your sidebar area through your customizer:

    WordPress DashBoard > Appearance > Customize > Sidebar, and then increase the % inside the Sidebar Widget at the bottom.

    You can also try this CSS code that I prepared for you:

    /* change width % of the sidebar*/
.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
  width: 50%;
}

    You can adjust the width:50%; to fit your needs!

    If everything fails, I’d recommend checking out directly with your theme developer, and I am pretty sure that they will be happy to check it out for you!

    My very best,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change Woocommerce Dropdown width’ is closed to new replies.

Tags