Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #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…

    menu item Attorneys & Staff
    example pic…



    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).




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


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.