Product

  • IzzyT

    (@izzyt)


    10 years, 10 months ago

    I have a product tab in my header. When you click on it, it lists the product alphabetically in a single row which is quite lengthy. How do I make 2 or more columns. ie.
    Change this:
    _
    _
    _
    _
    to this:
    _ _ _
    _ _ _
    _ _ _

    The site is liberparatus.com

    Thanks in advanced.

    IzzyT

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 10 months ago

    It’s worth considering if it’s a good idea to put all of your products in the main navigation to begin with.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 10 months ago

    Your site eats up all my bandwidth when I resize the browser so I’ll just give you some CSS for desktop.

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then use its “CSS Code” section of the dashboard to hold your CSS modifications:

    Alternatively use your Child Theme style.css file to hold your CSS modifications:

    .nav-dropdown {
    left: 0;
    width: 100%;
}

ul.header-nav li .nav-dropdown li {
    float: left;
    width: 33.3%;
}

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

The topic ‘Product’ is closed to new replies.