Lay Theme Forum

so we made it work

there was some html in text boxes that confused the gridder javascript, but i fixed the gridder code so now it works correctly

yea thats true

.fixed{ position: fixed!important; top: 50px!important; width: 50%!important; left: 20%!important; z-index: 20!important; }

you can play around with the width and left parameters to change the width and the space to the left

you might want to remove the "fixed" class from your element, and add the "fixed" class to a row that contains only your text. right click an empty spot of the row, and choose "set html class and id"

if the whole row gets fixed, it might still respect the column left and width of the gridder

on further inspection it seems like your desktop layout doesnt use fullscreen slider, because it is only one row

you could just disable fullscreen slider for your frontpage in lay options → fullscreen slider and turn it all off: Screenshot 2023-08-23 at 20.05.37.png

or just disable the plugin altogether

@arminunruh My hero Armin! This worked perfectly, thank you once again :)

Keep on keeping on!

Dear Jacob @jbenfield96

Thanks for the update, there is something going on with the videos themselves.

Testing:
I uploaded one of your mp4's into a page and had the same issue. The dimensions 576 × 720 are cropped to a 1080 x 720 aspect ratio , the cropping to landscape occurs.

Screen Shot 2022-01-03 at 5.00.28 PM.png

Then i added a random portrait video to see if it was a Lay Theme BUG, portrait dimensions are maintained:

Screen Shot 2022-01-03 at 5.16.03 PM.png

Then i wondered if the video falls under a certain "portrait" dimension does it get changed to Landscape? Like your video, if its portrait but not true portrait and somewhere in the middle is that causing the issue? Turns out no. I used an online video resizer to change the dimensions to the exact same as yours to test - 576 × 720 :

Screen Shot 2022-01-03 at 5.19.17 PM.png

You can see the video is given the correct dimensions.

Even though your Beastwang videos look Portrait, the Media Library believes the dimensions are 1080 x 720 ( even in my Lay Theme, so it's not a lay theme bug then ).

Screen Shot 2022-01-03 at 5.21.42 PM.png

If i change the dimensions of your video in a simple video resizer to the correct 576 x 720 - The Media library now sees this correctly and it is maintained on the front-end:

Screen Shot 2022-01-03 at 5.25.30 PM.png

Conclusion:
Within your videos are some encoding, unsure what exactly that is giving this 1080 x 720 aspect ratio, resizing the video's solves the issue or look into how the video's where exported from whatever programs you are using (taken directly from instagram?).

Hope this helps Jacob and best wishes for 2022! 🌝 Richard

Dear @jbenfield96

Sorry that your having trouble, could you please make sure of the following steps before proceeding, also if it helps to post a link to your website please do 🌝

Wordpress, Lay Theme & Laytheme's Addons are all up to date ?

Any custom CSS or JS that may interfere is temporarily removed.

Any third-party plugins are de-activated to see if this resolves the issue.
 (most common issue)

If using a WordPress Cache plugin, disable it or clear your cache.

License key not activated - (in website blank situations or button not available)

If your WordPress Dashboard shows a warning "PHP Update required”
 Please update your PHP version in your webhost control panel.

Possibly your website is running PHP 8.0 this has been known in some cases to cause issue.

Additionally take a look at https://laytheme.com/troubleshooting.html 
for known problems.

Talk soon @jbenfield96 & best wishes Richard

Dear @jbenfield96

There could a be a few ways to go about it, however making the most of Lay Theme's built in Media Query would be advised.

Could you post a link to your website with the Captions in question? 🔍

You could also add some simple jQuery in > Lay Options > Custom CSS & HTML. The jQuery would say "Hey at a certain browser width - take this text and replace it with this" making use of the break <br> tag.

https://laytheme.com/documentation.html#custom-javascript

https://stackoverflow.com/questions/1309452/how-to-replace-innerhtml-of-a-div-using-jquery

https://www.w3schools.com/tags/tag_br.asp

Talk soon & best wishes 🌝 Richard

Hi,

that website is using the Fullscreen Slider Plugin instead of the Carousel :)