Staff replied Templates

Blog titles not formatted/appearing correctly in Safari

Asked by Vanessa 3 years ago Last activity 3 years ago

Hello

I noticed in Safari that the titles of the blog are not rendering correctly. I am only seeing this on Safari both on iPhone and Mac. It also appears that way in Safari for PC. For my blog where I use page builder and Joomla, the titles are overlayed on the article. For the blog where I use Joomla alone, all of the titles on that page jump up to the navigation.

Please see links for screen shots of blog using PageBuilder with Joomla
DESKTOP: https://ibb.co/1XTY0TN
MOBILE: https://ibb.co/0BrwTjB
URL: https://www.novemberraincharters.com/index.php/fishing-with-us/fishing-reports-main

Please see links for screen shots of blog using Joomla only
DESKTOP: https://ibb.co/1vz0bVq
MOBILE: https://ibb.co/ZHF4n5Q
URLs:
https://www.novemberraincharters.com/index.php/all-fishing-reports
https://www.novemberraincharters.com/index.php/archived-reports
https://www.novemberraincharters.com/index.php/archived-reports/2021
https://www.novemberraincharters.com/index.php/archived-reports/2020

7 replies

Toufiq Senior Staff

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon. 

-Thanks

Vanessa Asked this

Hello

Please see hidden content. Thank you.

Toufiq Senior Staff

Please give me permission to create custom.css file inside the template directory. Thanks

Vanessa Asked this

Hi,

Can you try it now?

Toufiq Senior Staff

Please check the screenshot.

Toufiq Senior Staff

You have added custom.css code inside the template settings of custom code box. This code doesn't work on the safari browser. Also, your site used cache. If i change or modify css code it doesn't impact on your site.

div.sppb-addon-article h3
{
    top: 0px;
    position: absolute;
}

-Thanks

Log in to reply.