WordPress.org

Ready to get started?Download WordPress

Forums

HOw to make my menu fit for all screen sizes (7 posts)

  1. envoyer
    Member
    Posted 1 year ago #

    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!

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  3. envoyer
    Member
    Posted 1 year ago #

    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.

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

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

  5. envoyer
    Member
    Posted 1 year ago #

    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! :(

  6. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  7. envoyer
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic