Support » Fixing WordPress » HOw to make my menu fit for all screen sizes

  • My menu that runs along the top of my blog here: http://www.candlelitlife.com fits fine on my desktop computer but on my sisters computer and on my laptop, “contact” shows down into a second line. Is there any way it make it so it fits all screen sizes by chance? Thanks so much in advance!

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

    (@anevins)

    Forum moderator

    I’m not sure what you’re expecting the menu to do on smaller screen sizes, can you elaborate?

    I guess I want the menu to fit all in one row, is this not going to be possible? I wanted it to adjust so that it would fit no matter the screen size, it just looks awful on smaller screen sizes when it moves down into a second menu which I have no background for, it looks really off. Sorry if I am not getting this across clearly enough.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try adding width of 1330 pixels to <div class="header-menu-wrapper clearfix">.

    do you mind giving me the exact code I would need to add in, I don’t want to mess anything up and I am not totally sure what it should be, sorry! 🙁

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    To avoid messing with the theme’s files, try using a Custom CSS plugin. This allows you to add your styles in a section of the dashboard, rather than modifying the theme’s files.

    The CSS:

    .header-menu-wrapper {
     width: 1330px;
    }

    a million thank you’s to you, this worked like a charm, thanks again!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘HOw to make my menu fit for all screen sizes’ is closed to new replies.