Support ForumMobile displaying fullwidth images – Support Forum

Mobile displaying fullwidth images

TadeasKula — Tue, 05 May 2015 17:21:12 +0000

Hello,
is it possible to stretch images marked as “fullwidth” on mobile devices really to fullwidth? This is not working for “image gallery” if one column option is chosen. And I think fullwidth is working with only “image” in Visual Composer.. but if I want to have a nice gallery of images before and below I have to use only “image galleries”..

Reply To: Mobile displaying fullwidth images

IshYoBoy — Wed, 06 May 2015 08:31:28 +0000

Hey,

Cold you please share the URL where we can see the problem in action? We can then inspect it and check why it happens and provide a solution or a fix if it is inside the theme.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Mobile displaying fullwidth images

TadeasKula — Wed, 06 May 2015 08:56:16 +0000

https://blog.tadeaskula.cz/2015/04/barcelona/ .. on pc’s it’s ok.. but on mobile devices.

Reply To: Mobile displaying fullwidth images

IshYoBoy — Wed, 06 May 2015 09:14:09 +0000

Diky za link Tadeus!

The mobile behaviour is controlled via mediaqueries. The gallery is made to be 2 column on 320 – 480px screens. You could override it using little custom CSS:

@media (max-width: 480px) {
	.ish-sc_gallery > .ish-row [class^="ish-grid"], .ish-sc_gallery > .ish-row [class*=" ish-grid"] {
		float: left;
		width: 100% !important;
		background-clip: border-box !important;
		border: transparent !important;
		margin-bottom: 30px !important;
	}
}

@media (max-width: 480px) {

.ish-sc_gallery > .ish-row [class^="ish-grid"], .ish-sc_gallery > .ish-row [class*=" ish-grid"] {

float: left;

width: 100% !important;

background-clip: border-box !important;

border: transparent !important;

margin-bottom: 30px !important;

}

Hope this helps

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Mobile displaying fullwidth images

TadeasKula — Wed, 06 May 2015 09:52:15 +0000

Oh ok, so if I understand right, I have to overwrite “480px”. And to which size, to make it fullwidth?

Reply To: Mobile displaying fullwidth images

IshYoBoy — Wed, 06 May 2015 10:09:33 +0000

The code above should do it.. If you want it to be full-width on 600px width screens then just use the code above and change the 480px to 600px. Is it working?

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Mobile displaying fullwidth images

IshYoBoy — Wed, 06 May 2015 10:11:20 +0000

P.S.

We noticed quite a few JS bugs on the page. Mainly because jquery is loaded in the footer. You might want to check it ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Mobile displaying fullwidth images

TadeasKula — Wed, 06 May 2015 10:39:01 +0000

It’s not working for both sizes. Is it possible, to not work?

PS: I think I solved that problems..?

Reply To: Mobile displaying fullwidth images

IshYoBoy — Thu, 07 May 2015 04:59:17 +0000

Hey,

Sorry some curly brackets were missing in the code. Please, try the updated one from the previous post.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Mobile displaying fullwidth images

TadeasKula — Thu, 07 May 2015 05:17:39 +0000

Hey! It’s working! Thanks a lot! :)

One more thing.. is it possible to make the font on mobile devices a a lit a bit smaller?
I mean.. when you go to blog.tadeaskula.cz on mobile, than this headline “Barcelona” is for one letter bigger then mobile screen.