Horizontal Header Menu

  • Resolved lpetkova

    (@lpetkova)


    8 years, 8 months ago

    Hello!
    I have a site https://www.senseistudy.eu using the Customizr theme. The horizontal menu in the header is being displayed in one or two lines depending on the size of the screen.
    Is it possible to make it one line and only the font-size to change or at least to center the two lines?
    Thank you in advance!

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

  • Hey there,

    You can try adding following custom CSS to decrease the font-size of menu,
    using Advanced CSS Editor:

    body, .navbar .nav>li>a{
    font-size:18px;
}

    Hope it helps.

    Thread Starter lpetkova

    (@lpetkova)

    Thanks!

    What about a CSS to tell the elements to align left or to be centered when they go on the second line?
    I tried several things but it seems that I can’t find the right one.

    Hi,
    The menu is already in the center. Do you want it to be to the left?

    Thread Starter lpetkova

    (@lpetkova)

    What is bothering me is that when the elements are on two lines they don’t start from the same point.
    So I want to either center them (if there is one element on the second line to be in the center, for example) or the two lines to start from the same point.

    Thanks!

    Hi,
    Try adding this to your child theme’s style.css

    .pull-menu-left .navbar div > ul.nav > .menu-item:first-child > a {
 padding-left: 0px;
}

    Thread Starter lpetkova

    (@lpetkova)

    This is how it looks with it
    https://snag.gy/5jGiMD.jpg

    I can’t see any difference. Every line starts from different point.

    Hi,
    Can you try this?

    .pull-menu-left .navbar div > ul.nav > .menu-item:first-child > a {
 padding: 5px 20px;
}

    This should make it look like this.

    Thread Starter lpetkova

    (@lpetkova)

    Thank you! Just what I wanted!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Horizontal Header Menu’ is closed to new replies.