WordPress.org

Ready to get started?Download WordPress

Forums

Themia Lite
[resolved] Moving Menu Left (8 posts)

  1. smrgolfer
    Member
    Posted 1 year ago #

    How do I move the top menu over to the left? My logo isn't very wide, and I'd like to move the menu over to the left, closer to the logo, to allow space for an extra top level menu item.

    thanks!

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you post a link to your site, someone can likely help you with this kind of change.

  3. smrgolfer
    Member
    Posted 1 year ago #

    Thanks WPyogi - sorry I forgot to do that initially.

    It is LDavidSalon.com

    Thanks in advance!

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Okay, that took some fussing around to get it to fit. But before making any changes, are you using custom CSS option or plugin? If not, you really should install a plugin such as jetpack in order to do so -- otherwise your changes will be overwritten when the theme is updated. Once you have the custom CSS set up, add this code there:

    .container_24 .grid_6 {
        width: 120px;
    }
    
    .container_24 .grid_18 {
        width: 820px;
    }
    
    #menu .ddsmoothmenu li {
        margin-left: 5px;
    }

    You'll need to test it and make sure it doesn't cause any problems on any pages - I'm not familiar with that theme, so not totally sure with the grid CSS.

  5. smrgolfer
    Member
    Posted 1 year ago #

    Thanks! I installed a custom CSS plugin. Didn't have one in there, because that site was right out of the box until then.

    Your suggestion worked, but now the widgets in the footer are compressed instead of spaced the full width of the page. Any thoughts there?

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Oh sigh, that's kind of what I was worried about in changing the grid system - I'll see if I can work around that.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Okay, see if this works:

    .container_24 .header .grid_6 {
        width: 120px;
    }
    .container_24 .header .grid_18 {
        width: 820px;
    }
    #menu .ddsmoothmenu li {
        margin-left: 5px;
    }
  8. smrgolfer
    Member
    Posted 1 year ago #

    Worked brilliantly. Much obliged!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.