Docs

[logoglo]

Hi.

http://www.logoglo.com/affordable-logo-design-graphic-design-2/

if you scroll down to just under the “the grid” grid, I have setup a content band with 4 columns, looks good, but when you switch to a mobile, or portrait ipad, they are no longer margin-less, they show a lot of white space, and the hover is at full width and comes out of the image…how do I resolve this, ie make it margin less, take out all the white, to have it look like the grid above it?

Thanks.

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media (max-width:  979px) {
	.page-id-8296 #x-content-band-6 .x-img {
		margin-bottom: 0;
	}
}

Cheers!

[logoglo]

Sorry to bug, I cam to implimentt this on my other site, but its squashing the top background image, have I done something wrong?

http://www.logoglo.com/affordable-logo-design-graphic-design-2/

[logoglo]

That worked, bu I added another content band, its not working for that band, and also, even though I set the 2 bands to have no margins, there is a gap between them, how do I remove this?

thanks.

[Nico]

Hi There,

Would you mind sharing us a screenshot of the issue so we could suggest code or CSS to the problem.

Thanks.

[logoglo]

Sure…

[logoglo]

It was the bottom margin of the image, I set it to 0px, and its looking fine now.

[Rue Nel]

Hello There,

I am another staff checking on this issue. Regretfully I could find the page as illustrated in the screenshot. Would you mind pointing us to the right url of the page in question?

Thank you.

[logoglo]

I have the same issue, now the website is implementing a media grid:

http://www.logoglo.com/

Love it, but how do I make it display rows of 2 on a mobile device? instead of one single huge image?

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.home #x-content-band-6 .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

Hope that helps

[logoglo]

You misunderstood, I like how it looks now, on a desktop, its a row of 6, its when you go to a mobile or tablet, vertically, they stack one on top of the other, is there a way to stack them in 2 per row?

[Christopher]

Hi there,

Please add this code too :

@media (max-width:767px){
.vc_grid-item.vc_clearfix.vc_col-sm-2.vc_visible-item {
    width: 46%;
    float: left;
}
}

Hope it helps.

[Author]

Posts