Docs

[tylervarian]

Hi. So I am using the Integrity Stack though when I view it on mobile (in cornerstone) because the body of the front page is as follows:
Section 1: Image | Text
Section 2: Text | Image
Section 3: Image | Text

When you view the page on mobile it aligns as follows:
Image
Text
Text
Image
Image
Text

I would either like to hide the images in mobile (ONLY Mobile) or align the view in a consecutive order, like:
Image
Text
Image
Text
Image
Text

I hope this makes sense. Please let me know how I can fix this situation.
Thanks so much!

[Prasant Rai]

Hello There,

Thanks for writing in!

To hide a certain element on mobile, you can use CSS media query. First, assign a class to the image element.

http://prntscr.com/bhdmc4

Then in CSS, you can hide it like this:

@media only screen and (max-width : 400px) {
.your-element-class {
display: none;
}
}

Replaceyour-element-class with custom class name as per your specification.

Thanks.

[tylervarian]

Hi. I have tried this many ways and for some reason I’m just dense on this. Sooooo, in Cornerstone under the Image CSS I labeled it .your-element-lifter (the image is of a lifter)

Then in Appearance < Custom CSS I added your code and changed the word .your-element-class to .your-element-lifter with no change in mobile appearance. The image still shows.

Please let me know what I am doing wrong AND how does the Custom CSS change if I have to do this to more than one image?

Thanks so much!!

[Prasant Rai]

Hello There,

Can you please share the URL of your website also mention the page you are trying to make the changes.

Thanks.

[tylervarian]

Hi. Sorry, that would be helpful. 🙂

http://69.195.124.107/~tudiofi8/

As you can see on the front page, there are images then text, then text then images and when you view this on a mobile device, it gets confusing for the user so I just want to be able to hide the images when viewing on a mobile device (only).

Thanks!

[Christopher]

Hi there,

Please use visibility option and display/hide section base on screen size, see the attachment.

Hope it helps.

[Author]

Posts