- This topic has 17 replies, 2 voices, and was last updated 7 years ago by
.
-
Posts
-
I am working on a site http://www.twostoriesmedia.com/site/ (Altitude Pro Theme) and the client wants to have a video playing in the background at the top of their site in place of the background image, similar to the examples below...
Is there an easy way to accomplish this? I am a novice when it comes to coding.
DAWN
http://www.twostoriesmedia.com/site/Dawn
Here's a tutorial which provides the code.
I am a novice when it comes to coding.
Studiopress do not provide a free custom coding service so you need to either :
Learn coding or Hire a Developer
Hi Brad. Thanks so much. I signed up for your site and paid. I followed the instructions and FTP'd the new front-page.php and style.css and now the site is completely broken. Can you tell me what I did wrong? I even tried to go back to the original files and still the site was left broken. I am in tears right now. I worked for days on this site. I so appreciate any help that you might have for me.
DAWN
Please send me FTP hostname, username and password using this email [email protected]
THe site is NOT broken. You need to follow the installation instructions and copy the CSS to the end of your style.css file. Looks like you uploaded the style.css file which only works for fresh unmodified copies of the theme.
The example site links didn't come out correctly above. Sorry about that.
https://condit.com/
http://motionstatemedia.com/
http://whitelinecreative.com/The video and header area is working great when viewing on a computer, but everything is very off when viewing from a mobile device such as a smartphone or tablet. Any suggestions on how I can get the video to show properly on mobile devices? How can I add more space so that the video is not cut off and push the menu bar down below the video? Ideally, I would like the logo at the top, then the video, and then the menu bar below that.
Hi, I never heard back from anyone. The video looks AWESOME on a laptop, but looks terrible from a mobile device. The video is cut off and the menu bar is on top of everything. How can I get it to look right? I am assuming in the media queries, but I have no idea what code to adjust. I appreciate any help that you might have for me.
DAWN
If you watch the video, it works perfectly on all screen widths.
However, if you added different content to the front page 1 widget area or modified the code in anyway, you may need to modify the CSS for media queries so they work with your customizations.
I just followed your tutorial instructions. I didn't add anything custom. What do I need to modify to get it to look right? Any ideas?
Sure, no problem! http://www.twostoriesmedia.com/site/
You need to modify the CSS for media queries so the widget content displays on smaller screens and also use the other menu. You can't use the header menu with this solution. Then you'll get the same result as whats in the demo video.
Thankyou! I went ahead and changed to the other menu, but now the logo is being pushed down below the menu when viewing from my laptop. And the menu is not opening at all on a mobile device. Any ideas?
And what exactly would I modify in the CSS for the media queries? Is there a specific code I need to add or adjust?
The site looks better from a mobile now, the menu is at the top, but the video is still cut off and I would love to remove the large white capitalized "TWO STORIES MEDIA". What code would I use to remove that widget overlay completely and just have the logo and video? Am I asking too much?
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.