Problem with display of slider text in tablet and mobile views

Hello,
I need urgent help fixing the inappropriate displays of my website in both tablet and mobile views. My website is currently under development. I hope you can access it through: https://www.nigeriatas.org.au/wp-admin/
The problems include:

  1. The page titles disappear both in tablet and mobile views, so there is no way to navigate to the other pages. The page titles display okay only in laptop.
  2. The slider text and call to action button display weirdly in tablet and mobile views.
  3. Some of the texts in the home page appear mangled in tablet and mobile views.
    Please visit the site with mobile and advise me on how best to rectify this problem. I am new to web design but have installed the CSS code “@media only screen and (max-width:991px)…” without any resolution. Urgent help is needed. Thanks. Agu.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard – that will reduce the default font size of slide content on smaller screen.

    @media only screen and (max-width: 991px) {
      .text-slider .maintitle {
        font-size: 18px;
      }
      .text-slider .subtitle {
        font-size: 16px;
      }
    }

Let me know how it helps.

Regards,
Kharis

Thanks Kharis. I had inserted these codes before and done that now without any success. What else can I do? Were you able to view my web page?

Kind regards

David Onu

Hello there,

If new code addition doesn’t take any effect, there might be an active site caching that should be flushed.

https://wordpress.org/support/article/i-make-changes-and-nothing-happens/

Or I didn’t get your objective clearly? Do you have some screenshots to better explain it?

Regards,
Kharis