Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #242416

    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!

    #243699

    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

    #243882

    Dude:

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

    Ciao!
    Bru141

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.