Home menu width

  • Posted in : Responsy WP
  • davidpalencia
    Participant
    28 September 2014 at 17:42
    #16251

    Hello.

    I have sdifferent pages created for my home menu, but when I add more than seven, the eighth goes to a second row. I would like to make the space for the menu longer, so I can add more pages and have all of them on a single row.

    I understand this will have to adapt for responsive designs, of course. I want it to be like that on a computer at least.

    Thanks a lot

    Mehmet S.
    Keymaster
    28 September 2014 at 21:21
    #16258

    Hi, use this in your Theme Settings > Style > Custom CSS field:

    .header { text-align: center; width: 100%; }
#logo img { float: none; }
#logo h1 { margin-top: 6px; }
#logo p { margin-top: 6px; font-size: 17px; }
.header nav {  width:100%; float:none; }
#nav {  width: 100%; float: none; margin-top: 26px; }
.header .social { float: none; margin-top: 36px; }
#nav > li a { font-size: 15px; }
#logo { width: 100%; float: none; padding: 24px 0 12px 0; }

    Thanks

    davidpalencia
    Participant
    28 September 2014 at 22:26
    #16266

    Hi Mehmet,

    Thanks a lot for your quick reply, I appreciate it. The problem is that with that custom CSS the logo floats center and I don’t want to lose the default structure (logo on the left, menu on the right).

    I was just wondering whether the space saved for the menu could be a little longer, that’s it. I like where social icons and logo are at the moment, don’t want to change that. I’ve taken some screenshots for you to see it:

    – This is the original look of the site, which I love:
    https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZHgyPbxmoZTyL0Vm_daMaupOAzALQBnwldpS8T5T5ALCJy4n9Jg

    – And this is what it looks like when I add that custom CSS:
    http://s17.postimg.org/hzpjy7vgu/Screenshot_1.jpg

    I realise I should learn some CSS and HTML to be able to customise it myself. But so far I am very happy with the theme, I just need that final page added to the menu and then I will start using drop menus.

    Thanks again

    ahmetsali
    Keymaster
    29 September 2014 at 14:47
    #16283

    Hi, it can be possible, can you provide your url?

    davidpalencia
    Participant
    29 September 2014 at 15:01
    #16287

    Of course. The URL is http://www.dawayingles.com

    ahmetsali
    Keymaster
    29 September 2014 at 15:09
    #16288

    try this custom css code;

    #nav li a {
    padding: 17px 7px;
}
    davidpalencia
    Participant
    29 September 2014 at 15:26
    #16289

    Thanks a lot, it worked like a charm!

    :)

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘Responsy WP’ is closed to new topics and replies.