-
Posts
-
Hello, i am trying to merge two rows, to remove white space when i want a picture to be full height of the mega menu next to the menu it self as to promote a featured product.
Hey Jmp1989PH,
Sorry for the very late reply and thanks for your patience, unfortunately, this will not be possible for it is the image that is forcing the sub-menu height and the extra spacing.
If you make the image smaller the sub-menu will be smaller and the space won’t be there:
I guess you could make each menu item much larger and add space between each one so the menu fills the space that the image creates and then it will look like there is no extra space.Best regards,
MikeHello,
Thank you for your reply. :)
What I am trying to do is to have the picture fill the whole height of the submenu right column. and have the menu on the left side of the picture.With the current suggestion, I would have empty space under the picture which wouldn’t look very nice.
I’m thinking there must be a quick fix through CSS that I can add to the general layout?Hi,
I believe that you did not understand the screenshot I posted above, so I drew the columns in the image in hopes it will be clearer for you. The height of the far right image column is forced by the image and all other columns are also forced to this height, creating the gap that you see. The next row is below this first row and can not start before the padding of the first row. the padding here is the green space. In the browser dev tools I can not highlight both rows for you at the same time.
Perhaps if you imagine a spreadsheet, and each column is a cell, and you have two rows of four cells, and the last cell of the first row had twice the info in it as all the other cells, this would keep the second row of cells further down the page.
I hope this explains better why the solution here is to make the image smaller so the next row can move up.Best regards,
MikeHello Mike,
I did understand your screenshot, but it does not fix my issue. Since i would get empty spaces on the row below the picture row. Which is why i am asking for a CSS solution on how to make the picture go around the column rules so that it can become a full height picture with 3 columns to the left.
- You must be logged in to reply to this topic.