Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 31, 2017 at 4:13 pm #846332
    cosburg

    Hello,
    we have problems with viewing texts placed as a layer on a slide. They look very different. In Safari, they are perfect in IE as well as in Firefox, the text block moves to the bottom. We have the latest version of Enfold installed. You can see this on the homepage in the first Slide. Can you help me?

    Many thanks Christian

    • This topic was modified 7 years, 2 months ago by cosburg.
    September 3, 2017 at 4:33 am #847269
    Mike

    Hey cosburg,
    I viewed with Chrome and Safari side by side on Win10, and don’t think I saw the issue, please see screenshot in Private Content area, and could you post a screenshot of what you see? Perhaps it’s only happening for Safari on Mac?

    Best regards,
    Mike

    September 4, 2017 at 1:20 pm #847705
    cosburg

    Hey Mike,
    please have a look to this link. Its Safari on Apple . Do you have an Idea?
    Many thanks

    Christian

    September 4, 2017 at 2:24 pm #847733
    Mike

    Hi,
    Your site seems to be in maintenance mode now, can you add a screenshot of the issue and let us know when it’s back up, so a colleague can look, I only have Safari on Win10, which often works different than Safari on Apple.

    Best regards,
    Mike

    September 4, 2017 at 2:32 pm #847741
    cosburg

    Hey Mike,
    the site is now back online.
    Many greetings

    Christian

    September 4, 2017 at 3:35 pm #847779
    Mike

    Hi,
    I think I was looking at the wrong thing, you mean the blue, red, & green text blocks right?
    and there screen location on different browsers?
    I believe it the view (zoom, page size) of each browser, the slider is set to be a pixel height of the screen size, and the text boxes are set to overlap the slider by a percentage.
    Each browser has a default view size, Safari is small and Firefox is large, then users often change their views or their OS settings.
    When I look at your site and I decrease the size in Firefox to 80% it matches Chrome and Edge, yet in my Safari I need to increase the view.
    I hope this helps.

    Best regards,
    Mike

    September 5, 2017 at 10:18 am #848020
    cosburg

    Hello Mike,
    can we do anything the it works at the different Browsers similar? Perhaps the Problem ist fixed with next Update of layer Slider?

    Best regards
    Christian

    September 5, 2017 at 10:54 am #848031
    Mike

    Hi,
    I’m Sorry, I might be getting confused here, can you confirm that we are talking about the 3 blue, red, & green text blocks that over lap the slider?

    Best regards,
    Mike

    September 7, 2017 at 11:31 am #849039
    Victoria

    Hi Christian!

    None of the links worked for me. Did you bring your website down?

    Cheers!
    Victoria

    September 7, 2017 at 1:24 pm #849093
    cosburg

    Hey Victoria,
    sorry the site has moved to the real Domain. You will find the Link below. Can you help us with the Problem?
    Many thanks

    Christian

    September 9, 2017 at 7:17 am #849866
    Ismael

    Hi,

    Thank you for the update.

    I don’t see any issue with the page except for the columns which overlaps on mobile view because of the -200px top margin. Please add the following css code to fix it.

    @media only screen and (max-width: 767px) {
    #av_section_1 .flex_column_table.av-equal-height-column-flextable.-flextable {
        margin-top: -100px !important;
    }
}

    Could you please provide a screenshot of the layer slider issue?

    Best regards,
    Ismael

    September 11, 2017 at 9:02 am #850384
    cosburg

    Hi,
    many thanks for the CSS code :-) it works great!!

    The Link you can see the screenshots from Firefox an Safari for Mac you will find below, i hope you can help us.

    Many Thanks
    Christian

    September 12, 2017 at 8:00 am #850822
    Ismael

    Hi,

    I checked the site on both browsers but I don’t think the difference is noticeable. Anyway, please edit the “text” layers, go to the “Attributes” panel then add a custom css class attribute called “mozilla-text” or anything. Add the following css code in the Quick CSS field.

    .avia-mozilla .mozilla-text {
    margin-top: -50px !important;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.