change size of displayed menu

  • Resolved allormo

    (@allormo)


    10 years, 10 months ago

    Hi!
    First of all congratulations for that great theme and all the support you are giving ??

    I have one doubt… I have changed the text size and alignement that appears in the menu by adding

    @media only screen and (min-width: 720px) {
    /* common */
    #nav-header .nav { }
    #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); text-align: center; font-size:18px}

    And it worked, but now I want to know if it’s possible that the menu displayed (level 2, if I’m not wrong) will have the same width as it’s “parent” (level1).
    Because as I see, it’s a fixed width for all the elements of the menu despite their length.

    Here is my website in case needed ??
    https://viajarataiwan.es

    Thanks ??

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

  • Hi! Thanks ??

    Try this custom css:

    #nav-header .nav ul { width: auto; right: 0; }

    Thread Starter allormo

    (@allormo)

    it worked perfectly.
    Thanks again!

    Hello Alex, I’m not a web developer but trying to learn everything. I’m using the hueman and tried the code on custom.css #nav-header .nav ul { width: auto; right: 0; }

    Here’s the structure where I placed but it didn’t worked out for me yet after deleting browser cache.

    /*
    Add your custom styles in this file instead of style.css so it
    is easier to update the theme. Simply copy an existing style
    from style.css to this file, and modify it to your liking.

    When you update your theme, backup this file and re-add it after.
    */

    #nav-header .nav ul { width: auto; right: 0; }

    /* Global */
    .mystyle {}

    /* Tablet – 800px, 768px & 720px */
    @media only screen and (min-width: 720px) and (max-width: 800px) {
    .mystyle {}
    }

    /* Mobile – 480px & 320px */
    @media only screen and (max-width: 719px) {
    .mystyle {}
    }

    /* Mobile – 320px */
    @media only screen and (max-width: 479px) {
    .mystyle {}
    }

    can you help me to get the menu on the center of header bar and increase the font and make them bold.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘change size of displayed menu’ is closed to new replies.