StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Responsive Issue in Safari Browser- Parallax Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Responsive Issue in Safari Browser- Parallax Theme

This topic is: not resolved

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 9, 2017 at 12:05 pm #211244
    vgtl
    Member

    Hi there,

    I

    September 9, 2017 at 12:09 pm #211245
    vgtl
    Member

    Okay, I was trying to add multiple tags and when I hit enter it posted this early...

    So, my website is https://jaspatrick.com/

    On the front page we have an audio player and buttons to the right that move under the player when the screen is sized down. This seems to work fine in all browsers but in Safari, the buttons will overlay the next section so you can no longer read it.

    Does anyone know if there's specific CSS instructions for Safari that might fix something like this? Thank you!

    September 9, 2017 at 12:12 pm #211246
    vgtl
    Member

    Hello, I accidentally posted this above when trying to add additional tags to the post (hitting enter submitted the post to the forum).

    My website is https://jaspatrick.com/ This is on the Parallax theme.

    My questions is related to a CSS issue in Safari.

    When the page is sized down the buttons to the right of the audio player will move under the player. This works fine in other browsers but in safari it will sometimes overlay the next section of the site (Quality Talent, Professional Studio) so it can't be read.

    Are there specific CSS instructions for Safari that might prevent this? Thank you!

    September 10, 2017 at 5:03 am #211259
    Victor Font
    Moderator

    What is the problem you are trying to solve?

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    September 11, 2017 at 7:10 am #211301
    Victor Font
    Moderator

    You have one file loading error that could be impacting the CSS:

    https://jaspatrick.comwp_add_inline_script/?ver=4.8.1
    Failed to load resource: A server with the specified hostname could not be found.

    I'm not able to reproduce the problem you are seeing in Safari on a Mac.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    September 11, 2017 at 10:12 am #211305
    vgtl
    Member

    Hi Victor!

    Thank you so much. I will look into the file loading error to see if that's part of the problem.

    Thank you for verifying that this works on your mac desktop. It may just be a problem in safari on mobile then since it works fine in mobile in other browsers. I'm wondering if there are any CSS specific instructions for Safari that might prevent this?

    Here's a screenshot of what's happening:
    https://www.dropbox.com/s/0f5069fc0u9rjhh/jas-patrick-safari-mobile-screenshot.PNG?dl=0

    Thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.