Top Menu Width

  • Resolved Rodrigo Gomes

    (@konoma)


    10 years, 11 months ago

    Hello, guys!

    In the top menu of http://www.bistec.com.br/ I would like to add some more text in the last button “ECF”. But when I tried so, this menu item went under the other items, and the nav bar had it’s height streched in response (because of a ‘float:left;’ I think).

    So I guess I have to increase the width of what contains all the menu items, but I couldn’t find it in Chrome inspector. How can I fix this?

    Thank you!

    ==EDIT==
    I’m still on 1.27 version, hadn’t updated it yet.

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

    (@bjscott)

    10 years, 11 months ago

    Hello!

    I took a look at your menu issue…and I think by decreasing the column that holds your logo “Bistec”, the navigation menu will shift to the left, and should enable you to add more text to that button.

    Try adding this to your child theme’s Custom CSS:

    .site-branding col-md-4 {
    width: 28.333333%;
    }

    Let me know how that works for you!
    Thanks!
    Brenda

    Thread Starter Rodrigo Gomes

    (@konoma)

    10 years, 11 months ago

    Hey Brenda! Unfortunately, it didn’t work. This is what happens.

    I tried setting !important, also unsuccessfully.
    Is there another way to change these columns widths?

    Thank you!

    BjScott

    (@bjscott)

    10 years, 11 months ago

    Hello! Did you fix it? I just looked at your site and the menu looks in the right place!

    Brenda

    Thread Starter Rodrigo Gomes

    (@konoma)

    10 years, 10 months ago

    Hello! That’s because it is still with few text.
    I’ll let it with the full text I need (“Comprar ECF”). See? Even adding the code to my child-theme it still happen the same way as before.

    ThomasMJH.

    (@thomasmjh)

    10 years, 10 months ago

    Hey Rodrigo,

    Had a similar problem on the ipad.

    I added the following to my child theme CSS:

    .col-md-8 {
    width: auto;
    }

    Let me know if it works, as I did fiddle quite a bit with my CSS…

    Thread Starter Rodrigo Gomes

    (@konoma)

    10 years, 10 months ago

    Hey guys! It worked now!

    With both your code. But now that I see that Brenda’s needs to be div.site-branding.col-md-4 instead of just .site-branding col-md-4 (like it’s written in Inspector).

    Thanks for your help, guys! =]

    BjScott

    (@bjscott)

    10 years, 10 months ago

    Oh good! Glad your layout is how you needed it now! You are welcome!

    ThomasMJH.

    (@thomasmjh)

    10 years, 10 months ago

    excellent 🙂

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

The topic ‘Top Menu Width’ is closed to new replies.