• Resolved jani74

    (@jani74)


    any idea how to get it? i’ve totally lost in the css ??

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter jani74

    (@jani74)

    sorry, misunderstood ?? i have the css, but i can’t find the way to get horizontal submenus. there are “main-navigation” styles at least three places, some of them are repeated, that’s why i’m totally lost in the css ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Download and install a Custom CSS Manager plugin to hold your CSS modifications, so you don’t end up changing the theme’s files.

    Then add;

    .main-navigation li li {
     float: none;
    }

    Thread Starter jani74

    (@jani74)

    i’m using a child template, didn’t change the original css at all, so that’s not the problem ?? anyhow “float:none;” doesn’t change anything ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You know we can’t see the problem if you don’t link the webpage.

    Thread Starter jani74

    (@jani74)

    it’s on localhost ??

    anyway it’s a fresh wp 3.5.1 install with the default twenty twelve theme.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You still need the float left actually, but you just need to expand the width on the submenu (#access ul ul).

    Thread Starter jani74

    (@jani74)

    anyhow, this solved the problem
    (twentytwelve child)

    .main-navigation li li {
    float: left;
    }
    .main-navigation ul ul {
    width: 900px;
    }

    still need to customize colors, fonts, margins etc, but that’s not too hard ??

    Thread Starter jani74

    (@jani74)

    thanks for your help ??

    Hi,

    I had the same question: how to create a horizontal submenu in stead of vertical for my website https://www.kappermee.nl.

    I’ve added the following CSS to my childtheme CSS file:

    .main-navigation li li {
    float: left;
    }
    .main-navigation ul ul {
    width: 900px;
    }

    But the submenu’s under Main naviagtion item ifo stay vertically.

    Can someone help me solve this?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘twentytwelve horizontal submenu?’ is closed to new replies.