Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 25, 2014 at 12:28 am #242416
    Bru141

    Hi Guys
    A quick question. I’m trying to add a 60px x 60px image next to each link under my “Attorneys & Staff” mega menu. So I need to widen the columns to keep each image/link on the same row. I tried a couple of Quick CSS attempts for #menu-item-3421 { width; 320px; } and #menu-item-3422 { width; 320px; }. No luck. I’m thinking the least invasive technique would be to go from three units to four units. How would I do that?

    This is the page…
    http://www.njfamilylaw.net/divorce-attorneys-nj/

    menu item Attorneys & Staff
    example pic… http://www.njfamilylaw.net/divorce-attorneys-nj/wp-content/uploads/2014/03/gary-tt.jpg

    Thanks!

    March 27, 2014 at 8:36 am #243699
    Dude

    Hey Bru141!

    You need to increase the size of the dropdown menu. Insert this code into the quick css field:

    
@media only screen and (min-width: 1140px){
.responsive .container .avia-menu .six.units {
width: 490px;
}
}

    and replace 490px with any other custom width value (i.e. 600px).

    Cheers!
    Peter

    March 27, 2014 at 4:19 pm #243882
    Bru141

    Dude:

    Awesome! That should do the trick.
    Thank you for your quick response.

    Ciao!
    Bru141

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Widen Nav Columns from three units to four units’ is closed to new replies.