Mon. - Fri. 9 am - 5 pm Support Policy
Remember me

Lists and columns

2 months 1 week ago #1

  • Stuart's Avatar
  • Stuart
  • Posts: 82
Hello,

What is the best way to set up 2 or more columns so when you have a list in each column there is not a noticeable gap in mobile view?

I have attached two images so you can se what I mean.
Attachments:

2 months 1 week ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
Hello,
Thank you for contacting us

Send us a link to page with problem.
Most likely you need to remove the margin-top for the first text (for mobile devices)

Regards,
Vyacheslav, Balbooa.com

2 months 1 week ago #3

  • Stuart's Avatar
  • Stuart
  • Posts: 82
Hi,

Here is the link: shorturl.at/xEZ24

Thanks

2 months 1 week ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
You need at the Code Editor to add CSS code
@media (max-width: 375px){
	.ba-item-text ul {
		    margin-bottom: 0;
	}
}

Regards,
Vyacheslav, Balbooa.com

2 months 1 week ago #5

  • Stuart's Avatar
  • Stuart
  • Posts: 82
Hello,

Thanks.

Regarding the set up, do you think is it better two have 2 columns in the row and within the right column where the list goes to have a nested row instead of 3 columns like it is set up at the moment?

And wouldnt it better for Gridbox to have the ul margin-bottom: 0px set as a default instead of having to add that extra code for mobile and tablet?

Cheers

2 months 1 week ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 6298
Hello,
Thank you for contacting us

You can do this as depending on your needs.
As for the margin-bottom, we will consider your offer.

Regards,
Vyacheslav, Balbooa.com
Powered by Kunena Forum