How do I remover titles on mobiles?

How do I remover titles on mobiles? For example here it says “selected portfolio” on mobile (but not on pc) and I want to remove that :

thanks

Hi,

I checked your link and the title that reads “Selected portfolio” presents in the web browser’s title bar. Is that the part you want to remove on mobile web browser? Please let me know whether I am wrong.

Regards,
Kharis
aThemes Support

Hi,
no Im not talking about the URL. Im talking about the big greyed out “selected portfolio” in the actual page itself. I got rid of it in the PC vwrsion - but its still there on my phone.

Hi,

Thank you for getting back along with further explanation.

Can you take a screenshot and put some annotations to point the area you need help with and share it here? So I can help you in a better way.

Regards,
Kharis
aThemes Support

Hi,

Thank you for sharing the screenshots.

As checked, I found you have this custom CSS code.

    .site-header.has-banner {
      background-image: none; 
    }

    .site-header.has-banner img.header-image {
      display: block;
      object-fit: cover;
    }

To hide the title only on desktop screen, you will need to replace it with:

    @media only screen and (min-width: 1025px) {
        .site-header.has-banner {
          background-image: none; 
        }

        .site-header.has-banner img.header-image {
          display: block;
          object-fit: cover;
        }  
    }

I hope that helps.

Regards,
Kharis
aThemes Support

no!! I want to hide it on all screens, desktop/mobile all of them !!