Forum Support

 
Advanced Search


[1]

Offline heatherz
Free Member
Posts: 24

I have the Charity template installed on a site that previously used a different template (so didn't start with a site shaper installation). However, I also installed a site shaper site  elsewhere so I could recreate the module that includes the video player and text to the right as seen on the demo.

On full screen everything looks great. As you resize the screen however, the video just gets smaller. At mobile size, I have a tiny video and copy to the right, rather than a full width video and the copy beneath the video as seen in the demo.

I tried starting from scratch again - copied and pasted the exact code from the demo and just changed the link to the video, but I still did not get the expected responsive behaviour.

Hoping you might be able to see what is amiss. Link to my site is: http://bit.ly/2DjWw45

Thanks
Logged

Offline mikek
Free Member
Posts: 28743 WWW

Hello,

That is because you've modified the css by adding in your own custom.css. This for example is overriding the width:

.video_wrap_right {
    float: right;
    width: 53%;
    padding-top: 15px;
}

That is in your custom.css file. That will override the width at all screen widths. You need to remove any calls for video_wrap_right and video_wrap_left in your custom.css file for it to perform correctly.
Logged

Offline heatherz
Free Member
Posts: 24

Okay, right I totally forgot about those changed rules. Originally I had tried to bring a YouTube video into that space rather than playing it from the site. I did change a couple of rules to get things looking like I wanted - looked okay on full screen but a disaster on mobile size so I went back to the mp4 yesterday, totally forgetting about the rules I changed.

Thanks, I appreciate the help Smiley

Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.018 seconds with 20 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.