Docs

[arrowfx]

Hi team,

I have done creating website with themeco, the adress is at: dshow.co.id.
Please note that I am completely newbie, and all I want to do is this:

1. To show the header slider in mobile.
2. To have an orderly arrangement on my “Event Management” and “Brand Activation”. The image seems to overlapping in mobile view. And for the “brand activation”, the pictures comes before the description, I want the description come first.
3. I also want the About Dshow showing exactly the same background as the desktop version.
4. On the “mobile advertising media” the pictures come to close without any space between them (in mobile).

Please tell me what can I do about it.

Thank you.

[Christopher]

Hi there,

#1 & #3 Videos are not “autoplay” on mobile, thus you can’t make it visible as background. To play video on mobile, it needs interaction from the user like tapping it. And there is no way to tap a background video.

#2 Please remove negative margin from fifth content band.

#4 Please provide us with screen shot.

Hope it helps.

[arrowfx]

Hi there,

Thank you for your response.

#1 & #3, well noted.

#2 How to do it? Please see what I mean about overlapping images (in mobile view): http://prntscr.com/e65qsr

#4 please: http://prntscr.com/e65rrc

[Friech]

Hi There,

#4 Please add this on your custom CSS.

@media (max-width:  767px) {
	#x-content-band-23 .x-container .x-column:last-of-type {
	padding-left: 0 !important;
	margin-top: 40px;
	}
}

#2 On the original demo, that section/content band has two instances. The first one is for desktop that what we are seeing now, and it will be hidden on mobile view.

The second one is the opposite its hidden on desktop and will show on mobile. Basically they are switching base on the the viewers screen width.

So I advice you take that path too. First is hide your current section/content band when the page is viewed on mobile. To do this add this classes to that content band.

cs-hide-sm cs-hide-xs

After that create a new content band, this content band will be the one showing on mobile. Basically just duplicate the original content band and inverse the BRAND ACTIVATION and it image (left to right column, right to left column). Then add this classes cs-hide-xl cs-hide-lg cs-hide-md to hide the mobile (duplicate) content band from desktop view. Then look on the STYLE field (just below the class field) and remove the negative margin set in there.

Your site is pretty neat for a newbie, have you try using Cornerstone?

Thanks.

[arrowfx]

Hi Friech,

I have done your guidance, and it works perfectly.
Can’t do it without you!

Yes, I have playing around with Cornerstone. A cool page builder indeed!
But for this project, I stick with the the Integrity demo content that used VC.

Thank you very much for creating such a versatile theme.

Regards,
Ivan

[Christopher]

We are glad that we could help you with this.

[Author]

Posts