Support » Theme: Themia Lite » Moving Menu Left

  • Resolved smrgolfer

    (@smrgolfer)


    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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • If you post a link to your site, someone can likely help you with this kind of change.

    Thanks WPyogi – sorry I forgot to do that initially.

    It is LDavidSalon.com

    Thanks in advance!

    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.

    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?

    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.

    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;
    }

    Worked brilliantly. Much obliged!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Moving Menu Left’ is closed to new replies.