Forum Replies Created

Viewing 19 posts - 31 through 49 (of 49 total)
  • Author
    Posts
  • Hi @Mike,

    Thank you for taking the time to look at this! Unfortunately, I need more information. Forgive me, as I am just a beginner with CSS… but I do website optimization/UX for a living! So… google jail is my own term. I’m not technically in jail – but google is giving me some serious side-eye and I can see clearly in my core vitals that I need to address my LCP and CLS issues. My LCP issues are on mobile only. (and maybe I should have said that?!!? If so, I’m really sorry about that… rookie mistake?)

    Ok – can you share with me the changes that you made? I need to better understand them – and learn… and some of them caused issues. Fonts are turning pink where they should not be and the ribbon offset was on purpose! (aren’t we artistic?) Meanwhile… it looks more offset than ever before. If I can see what you did – maybe I can figure out what’s causing things to be funky. Was it all in Quick CSS?

    Also – it doesn’t appear as if much has changed on my site. CLS and LCP are still the same. I can’t make your image bigger and see anything, unfortunately. I looked at my own report on GT Metrix and can see tss_banner-mobile8-1 loads second to last. It’s the hero image on mobile. The desktop hero images loads earlier, but I can literally see it fill in later as the page loads. I think I’m having this problem on a lot of my pages – where the hero image is loading last, but one problem at a time? Or is it all one problem?

    I would like my LCP to be <2.5s and CLS <.1.

    And, for whatever reason, my actual site: https://www.thestrapsaver.com is performing a little better (I’m not getting render blocking resources errors) – but has the exact same LCP and CLS issues. It looks mostly as I want it to – although I like the idea of removing the white space below the hero image, so I’d like to know how you did that!

    Also – can you point me to a tutorial for sharing images? for some reason, I can’t seem to do that!

    I would really appreciate any insight that you might have for me!

    Thanks,
    Shari

    in reply to: Fixing CLS errors #1304156

    Hi –

    I don’t know why you were blocked – I think maybe you tried the wrong user name? I just confirmed the credentials that I sent and they work! I’m sorry about that!

    As for the CSS – I removed it because I thought I was breaking something – but I put it back in. Here’s what I did – I have no idea if it is right:

    .home #layer_slider_1 .ls-wp-container, .home #layer_slider_1 .ls-wp-container .ls-inner {
        min-height: 272px;
        height: 272px;
    }
    
    .home #av_section_4 .container {
        min-height: 430px;
    }

    and then when I added the second part of the code (was I supposed to do that?) it turned the headline in the next section pink. To illustrate, I only added in:

    /* Macbooks, 720p and ipad pros  */
    @media screen and (min-width:1025px) and (max-width:1440px) {
    .home #layer_slider_1 .ls-wp-container, .home #layer_slider_1 .ls-wp-container .ls-inner {
        height: 272px !important;

    You can see the difference once the viewport is smaller than 1027px.

    from this:


    I can’t seem to get an image to appear, if it doesn’t…. https://postimg.cc/34qzPzPk
    to

    2nd image: https://postimg.cc/v4vkQ4JF

    Whatever it is, I’m sure that I did it wrong!

    Now what? :)

    (also, can someone look at https://kriesi.at/support/topic/layerslider-loading-last/#post-1304065 – I’m not getting anywhere there and surely there is a quick answer?!!?)

    • This reply was modified 4 years ago by sldeutsch.

    @Guenni007: I’m sure that there are tons of problems with my site. As I said, I’m not a developer. Not. Even. Close. The woman that hired to work on my site disappeared without completing it, including optimization. I’m simply trying to fix the things that I notice so that I can get out out of google jail.

    So if the images are off- I don’t even know how to solve that. I do know that google is penalizing me for LCP issues…. which is why I want to get layerslider to load earlier. Then I can tackle the rest of the issues – or are they related?

    Thanks again for your help!
    Shari

    edited to add: that image issue is due to something else I’m trying to fix with CSS…. so don’t mind it, it’s not how my regular site is! :) But thank you for noticing.

    • This reply was modified 4 years ago by sldeutsch.
    in reply to: Fixing CLS errors #1303677

    @thinkjarvis and @ismael I’m trying to figure out my error: what should I be using as my slider class? I assume that this code goes into Quick CSS in the theme and then I add something into my slider class? I’ve tried every combination that I can imagine and it’s just not making a difference. :(

    Thanks,
    Shari

    @Guenni007 and @Yigit: I wasn’t clear, I figured out how to make the fullwidth easyslider, but I’m having trouble getting it to have the proper spacing on the page. (either too much or not enough white space between it and the ribbon at the top) Regardless, fullwidth easyslider ALSO loads last. I feel cursed!

    Instead of trying to deal with a whole new element + the loading issue, I thought there might be a way to get this to load in-line instead of last. I can’t be the only one with this problem. If that is not the case, then I’ll build the full-width easy slider, but then I’ll need help getting the spacing right. Gah… so frustrated! (feeling helpless because I just don’t know things…)

    Thanks,
    Shari

    @Guenni007: Yes. that is exactly what I want! Knowing what I know now I would have requested that my developer use the fullwidth slider. I even figured out how to set it up – but I can’t seem to place it correctly on the page – I either end up with too much white space or not enough. I’m a beginner at this – and my developer has ghosted me. After wrestling with it for several hours, I thought the best solution would be just to get this one to load sooner. This is so frustrating :( But I really appreciate your help.

    in reply to: Fixing CLS errors #1303479

    Hi @thinkjarvis and @Ismael,

    Thank you so much for the information – but it must be user error – I put in both pieces of code in the Quick CSS in the child theme and neither made a difference. My CLS is the same. Is there something else that I need to do? Did I put it in the wrong spot? (maybe within layerslider?) I’m such a beginner – which is why I purchased support. (my developer abandoned me!) I’m not sure if there is a better way to reach the team?

    Thanks,
    Shari

    Thank you @Guenni007 – I think it might Include scripts in the footer but it says that I can’t select them because it’s blocked by enfold. it says “This setting is enforced by Enfold in order to maximize compatibility on your site” – I don’t know how to fix that. Ultimately, I need this to load first on this page (or close to first) instead of last because it’s causing an LCP issue – since the hero doesn’t show up until the entire page is loaded. I’m sure I’m not the only one with this issue, I’m just not sure how to solve it!

    I am having the same issue and none of these solutions worked for me. https://www.thestrapsaver.com – can you help?

    Thanks!
    Shari

    Well, that’s fantastic! Thank you for taking that very long walk with me – I don’t fully understand CSS :) Appreciate the help!

    It’s not working, but it could be me. This is what the code looks like:

    #hero-slider .slideshow_caption {
        width: auto;
        height: 170px;
    }
    @media only screen and (max-width: 767px) {
    #hero-slider .slideshow_align_caption a {
      float: right; 
    #hero-slider .slideshow_align_caption .avia-slideshow-button {
        visibility: visible;
    )
    }
    }

    Wow, this is great! One last thing – and I don’t know how much of an issue this is, but when I change screen resolutions from mobile to desktop (and vice version) the button disappears – is there anything that we can do about that?

    I put this in – thank you – and it’s right on desktop, but when it switches to mobile, the button moves to the left site. (you can see it in place now on https://dev2.thestrapsaver.com/full-width-easy-slider-test/)

    I wasn’t able to move it to the lower right – as currently seen on my home page – https://www.thestrapsaver.com (but that’s with layerslider – which I want to remove) – can you give me a suggestion on how to move it? I created this test: https://dev2.thestrapsaver.com/full-width-easy-slider-test/ – but again, need to move that button…

    I was having difficulty getting a button on the lower right with either of those. How would might I do that?

    Thanks!
    Shari

    in reply to: Help migrating features from an old theme #1233627

    Thank you SO much – I’ll let you know how it goes!!

    in reply to: Help migrating features from an old theme #1233210

    We’re trying to set the background image as the pink pattern – with the white area for text. I’m having trouble with that as well.

    in reply to: Help migrating features from an old theme #1233028

    ok – thank you – any thoughts on the background image?

    in reply to: Help migrating features from an old theme #1232303

    So far, not much: https://dev.thestrapsaver.com/ – I literally just installed the new theme on the old site.

    These are the first two elements that we tried, without luck (these are the two that make our site unique)

    Thanks!!

Viewing 19 posts - 31 through 49 (of 49 total)