Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 13, 2020 at 5:37 pm #1212669
    spirani91

    Hello,

    Currently the mega menu layout is like this:

    View post on imgur.com

    As you can see above, we are pretty much capped out in space horizontally. Ideally, we would want to do this:

    View post on imgur.com

    Is there any way to do this? When I click ‘This column should start a new row’, it automatically applies it under the first column which makes the menu look when long. I’d rather fill in the empty space on the right hand side.

    • This topic was modified 4 years, 7 months ago by spirani91.
    May 17, 2020 at 6:17 pm #1213835
    Mike

    Hey Sal,
    Sorry for the late reply and thanks for the screenshots and link. With this css the last three columns will become one column:

    #menu-item-15779 {
	display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
}
#menu-item-15770 {
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}
#menu-item-16022 {
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

    2020-05-17_120929.png
    in your last screenshot there is another column “apple watch” are you adding more columns? If so please do so and then we can adjust the css again if needed.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.