Home menu width

  • Posted in : Responsy WP
  • davidpalencia
    Participant

    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

    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

    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

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

    davidpalencia
    Participant

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

    ahmetsali
    Keymaster

    try this custom css code;

    #nav li a {
        padding: 17px 7px;
    }
    
    davidpalencia
    Participant

    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.