Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 11, 2018 at 3:02 am #940146
    eewilliams1976

    Hi folks! I’ve looked at the slider layer text issues in the forums, and I don’t really think this has been addressed – although if it has, my apologies! Basically, on my homepage layerslider, the text box looks great when the browser window is narrow. But the wider I make my browser window, text starts getting cut off on the right side. This only happens on MacBooks running Safari, and not a PC running Explorer.

    Here’s a link to the site:

    http://www.erinewilliams.com

    I’m running the latest versions of Enfold and WordPress.

    Any ideas?

    Thanks!

    April 11, 2018 at 10:20 am #940361
    Victoria

    Hey eewilliams1976,

    Can you please attach a few screenshots of what it looks like on your end?

    You can upload screenshots to a service like Dropbox and give us the links here.

    Best regards,
    Victoria

    April 11, 2018 at 6:12 pm #940602
    eewilliams1976

    Sure thing, here you go!

    https://www.dropbox.com/sh/w6w7a510du2rl9q/AACDpgzpjDkHFg8CQyhX9W5Ea?dl=0

    A couple additional items:

    It does in fact happen on my iPhone too. Screenshots in Dropbox for that too.

    Also, when another Mac user makes her desktop browser window small to check the responsiveness, it doesn’t cut off the letters. But it definitely does it for the 2 Macbooks I checked….and the wider the window, the more it cuts off.

    Thanks for your help!

    April 13, 2018 at 11:08 am #941410
    Ismael

    Hi,

    Thank you for the update.

    1.) Decrease the width of the logo to prevent the header elements from overlapping.

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .logo {
        float: left;
        max-height: 70px;
        top: 10px;
    }
}

    2.) Did you add this css code to the heading or text layer?

     clip: rect(0px, 120px, 7px, 0px);

    Best regards,
    Ismael

    April 13, 2018 at 6:34 pm #941639
    pamacheyon

    Hey I am helping eewilliams1976 with her site – so I just paste that longer code (1) into the Quick CSS? And then for (2) I did not add that – can I also add that to the Quick CSS or do I have to go into the hosting site to add that? And to be clear this is for the menu overlapping the Logo.

    Our main issue is that in the LayerSlider, the end of the words “BOOK AUTHOR AND FREELANCE WRITER” in the white box disappear when the browser window is resized. See images in Dropbox link for examples.

    Thank you!

    • This reply was modified 6 years, 8 months ago by pamacheyon.
    April 16, 2018 at 9:28 pm #942765
    Basilis

    Hi,

    Yes you need to paste the code at custom CSS :)
    Try that and let us know if it works out for you!

    Best regards,
    Basilis

    April 18, 2018 at 4:08 am #943358
    pamacheyon

    Thank you for your help! I’m sorry, but I don’t have a very in-depth knowledge of coding, so I don’t understand. Custom CSS seems like it’s different than the Quick CSS. Where in the WordPress admin would I access the Custom CSS? Where in that code exactly do I place those 2 groups of code above?

    Also, the original question posted here was regarding an issue with the LayerSlider on the home page, and I’m not sure that we’ve addressed that original issue yet? The end of the words “BOOK AUTHOR AND FREELANCE WRITER” in the white box disappear when the browser window is resized. See images in Dropbox link (https://www.dropbox.com/sh/w6w7a510du2rl9q/AACDpgzpjDkHFg8CQyhX9W5Ea?dl=0) for examples, and a more detailed description here: “Basically, on my homepage layerslider, the text box looks great when the browser window is narrow. But the wider I make my browser window, text starts getting cut off on the right side. This only happens on MacBooks running Safari, and not a PC running Explorer. I’m running the latest versions of Enfold and WordPress. It does in fact happen on my iPhone too. Screenshots in Dropbox for that too. Also, when another Mac user makes her desktop browser window small to check the responsiveness, it doesn’t cut off the letters. But it definitely does it for the 2 Macbooks I checked….and the wider the window, the more it cuts off.”

    Here’s a link to the site:

    home

    Thank you for your help!

    April 20, 2018 at 3:17 am #944382
    Ismael

    Hi,

    Thank you for the update.

    The first css code should be added to the Enfold > General Styling > Quick CSS field or the child theme’s style.css file. The second one is already applied to the “BOOK AUTHOR AND FREELANCE WRITER” text and it causes the issue, which is why we’re asking if you’re the one whole applied it. Please provide the login details in the private field so that we could check the layer slider settings.

    Best regards,
    Ismael

    April 20, 2018 at 10:09 pm #944769
    eewilliams1976

    Hi Ismael, thanks for the reply! OK, Pamacheyon added the first CSS code to Quick CSS, but that doesn’t appear to have solved the issue.

    We did not add that second code. I’ll provide the login details privately…..thanks again!!!

    Erin

    April 24, 2018 at 6:47 am #945688
    Ismael

    Hi,

    Thank you for the update.

    1.) We used the above css code on the Quick CSS field. Please remove browser cache prior to checking the page.

    2.) We set the Opening Transitions > Mask value of the layer to zero. This will disable the clip property. Please remove browser cache before checking the page.

    Best regards,
    Ismael

    April 24, 2018 at 8:02 pm #946119
    eewilliams1976

    Awesome – thanks a million for all your help with this! We both really appreciate it. The site looks lovely.

    Thanks again!!!

    April 24, 2018 at 8:23 pm #946137
    patricktech

    WOWIE

    April 26, 2018 at 11:08 am #947192
    Ismael

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sliderlayer text cutting off’ is closed to new replies.