Jump to content

Archived

This topic is now archived and is closed to further replies.

angelopc

Feature loads at about 2x normal height, then shrinks back down

Recommended Posts

angelopc    2
angelopc

I have a new website (new.svctx.com) that I'm building for a client. I've added a Feature to the header that doesn't seem to load correctly. Maybe someone could take a look and give me some advice?

 

Thanks!

  • Like 1

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

I believe the feature slider loads the image and then resizes on page load to fit the aspect ratio in the feature slider settings. You can stop this happening by having the image the image the aspect ratio before uploading to the feature section. 

 

Could you take a screenshot of the settings for your feature slider image so we can double check for you,. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Sorry i meant to ask for an admin logon for your site - could you create an admin level account for your Wordpress site and send the credentials to hello at pagelines dot com and i will jump on your site and check out your setup etc and find a solution for you. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Thank you - i will take a look for your in a few minutes and update you shortly. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Could you try disabling all plugins and let us know when you have done this so we test something further.


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

Disabled them all. Still does it. It just does it quicker.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

ok keep them disabled for us - taking another look now for you 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Ok can you re-activate the plugins at any time now thank you. Another update shortly. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

i just tested using jpeg's instead of PNG's and the performance is much much better. I set up an alternative feature set called test with the first slide made into a JPEG

 

Not a perfect fix but a definite improvement. 

 

not stopping looking at this but something to look at until i can get a colleague look into this ASAP for you. 

  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

Don't kill yourself over it. The site isn't even sold, yet. ;)

 

I'll check into creating the features with JPGs, instead of PNGs.

 

Thanks!

  • Like 1

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Bit further research into this - i think it is to do with the DPI settings of the PNG's - just think they need to be optimised a little more. 

 

let us know how you get on :) 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

Yeah, I'm not sure that's the issue. I just brought them down to a third of their original file size and nothing changed. They were all at around 370kB-390kB. Now they're all at 120kB-130kB. No change.

 

I really appreciate your help on this. I hope there's a solution...somewhere.

 

The problem even exists on the About page, where no other photo gallery or slider/fader exists.

 

Update: I even shrunk the JPGs down to around 25kB-30kB, with no change to the problem.

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

Hey, Martin.

 

Any updates on this? The site has actually been accepted by the client. Really looking to get this issue fixed, now.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, the aspect ratio option resizes via a script which doesn't load until the page is fully loaded, which is why you see the original image first. Some users have found that if they have settings in the sitewide options and then different settings locally this can cause the resizing to be more prominent. You can check the sitewide settings in PageLines>page options>sitewide defaults.

 

Setting a static pixel size for the slider instead of using aspect ratio will prevent the slider from resizing as it won't be using the script to calculate the resizing, it will simple load at the given height and then if set to a responsive layout resize from that height downwards into mobile/ipad view etc.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

I don't have a problem setting the static pixel size, but the image, itself, is being stretched. It isn't that the image is larger than the space that it fills (Feature is 220px high and so is the image).

 

Setting the static pixel height fixes the loading issue, though. Thank you.

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

Hey guys...I have this issue on another site, but setting the Feature to Static renders it "unresponsive" (doesn't shrink).

 

DiannaSpieker.com

 

UPDATE: Actually, it doesn't work (is unresponsive) on the original site, as well.

 

UPDATE 2: It looks like I was able to fix this with the following:

 

.feature-wrap {
  max-height: 220px;
  max-width: 1000px;
}

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, glad you managed to fix.

 

Just in case its relevant, in the Framework there were global and local settings for the slider. The local are set on the page in the page meta, the local in PageLines>page options> then the slider option in the global options template.

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
angelopc    2
angelopc

Not really a "fix" as much as it was a bandaid. When loading the site on a small screen, the feature still stretches (down) as much as the 220px I set the max-height to.

Share this post


Link to post
Share on other sites

  • Similar Content

    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
       
      Thank you for any help.
       
    • vanessabt
      By vanessabt+
      Hi Developers, I wasn’t sure what the best way to get feedback was but didn’t really want to put this in the facebook group, I did put this in the slack developers group but trying to figure out the fastest way to get feedback.  I am starting a new site for a client and was looking through the showcase to see if there were any samples for slider modifications like I am trying to do for our build and couldn’t find them.  Basically I want to have a blue section at the bottom of each slide that has text in it.  The text will change with each slide along with the image.  Was wondering if anyone had any thoughts on how this modification could be made?  Here is a sample of the slider from the design.

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
    • crose
      By crose+
      Hi,
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      http://gator4088.hostgator.com/~asif/
      Thanks in advance.
      Chuck
    • jacobtippett
      By jacobtippett+
      Hi,
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
×