Images stretching

[barefootMarc]

When shrunk down to mobile size, why do the three images at the bottom stretch full width. They are nested as images, in a 1/3 column in a row.

Any advice is appreciated.

-M

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

That’s because in Bootstrap the 1/3 columns became 100% width in mobile view.

How you are expecting to display that bottom part in a reduced screen’

-Rui

[barefootMarc]

The 3 images are 3 buttons in a row. So they will look like the desktop view, without the text.

-M

[barefootMarc]

http://test.overdrivedesign.com/structure/

[David Martin – Support]

Hi,

As Rui mentioned, this is the responsive view. The images will be stacked. What are you looking to achieve, the same as on desktop?

– David.

[barefootMarc]

Yes. I would like it to look the same across all devices.

-M

[Kyle – SUPPORT]

Hi

In theme options > general you can turn off responsive design

– Kyle

[barefootMarc]

BUt that would affect the site globally. I’ll check it out, see if it looks alright

[Kyle – SUPPORT]

Ok no problem

[barefootMarc]

YEah Looks pretty bad if responsive is turned off. Is it possible to target just that section?

-M

[David Martin – Support]

Hi,

Unfortunately that customisation is beyond our scope of support as it is more work than a small customisation.

We recommend that you seek a freelance developer if you need to make that customisation, potentially from: http://werkpress.com.

– David.

[barefootMarc]

Why does:

.spb-asset-content.size1{
max-width:30%!important;
}

Not target that selection?

As you can see the mobile view stacks them, despite me restricting the max size. The tablet and PC views look great.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

You have not added the class size1 to any element on that page? http://test.overdrivedesign.com/structure/?portfolio=35-golden-ave
-David.

[barefootMarc]

Hi David.

The size1 is applied to a row that is mobile visible only. you have to shrink your browser width down below tablet view.

[David Martin – Support]

Hi,

Sure, but the class size1 has not been added to any elements on that page, you can view the source: view-source:http://test.overdrivedesign.com/structure/?portfolio=35-golden-ave.

– David.