CODEWITHSUNDEEP
csswordpresssafariwordpress-themingwebkit
Martino Giannone
Martino Giannone

Reputation: 1

WordPress theme acting weird on Safari

I'm new to programming and I recently finished a custom WordPress theme made from scratch. I programmed it locally and then went online once I was done. It works perfectly as intended on all browsers but Safari, both on Mac and iOS.

Here is an example for some text that should only be visible on small screens:

.artwork-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: none;
    color: var(--background-color);
}

@media (max-width: 480px) {
    .artwork-title {
        display: block;
    }
}

Here is my website if you want to take a look yourself martinogiannone.com

How to solve this? It may be something related to WebKit, but I haven't been able to find much.

Upvotes: 0

Views: 41

Answers (0)

Related Questions