Keeping the photos align

[william511]

Hi

How can I keep the photos aligned under the mobile version? Thanks.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

What is the link to that page?

-Rui

[william511]

http://www.solematehk.com/mobile

[Rui Guerreiro – SUPPORT]

Thanks for the link. Do you mean side by side like in desktop?
-Rui

[william511]

yea !

[Kyle – SUPPORT]

Hi

The theme is built on bootstraps 12 column grid, which stacks to 1 col when viewed on mobile. It would be difficult to hack this to make your images stay side by side

– Kyle

[william511]

Is there anyway out?
Could I achieve that by adjusting the pixel?

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (max-width: 480px) { 
.spb_content_element.spb_single_image.span6 {
  width: 50%;
  float: left;
}
}

– Kyle

[william511]

Thanks. It works.

However, how can I enlarge the picture so that the margin can be fully utilized rather than leave it blank ?

[Kyle – SUPPORT]

Not sure what you mean? can you provide a mockup

– Kyle

[william511]

There’re blank areas around the pictures. What I want to do is to enlarge the picture and use all the spacing.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

I’m afraid that’s not possible sorry, the content is within the container therefore it can’t be edge to edge

– Kyle

[william511]

How’s about having spacing between the two pictures?

[Kyle – SUPPORT]

So now you want spacing?

[william511]

Just adding a small gap between the two pictures