Okay
  Public Ticket #2204589
Mobile Responsiveness Issues
Closed

Comments

  • Adele started the conversation

    I am trying to get the text for my mobile desktop header to fit on the screen. I have gone into typography responsiveness settings, adjusted mobile queries, and tried to debug through the browser. These options allow me to see the changes reflected in resizing my browser, but they do not show up on mobile devices.  I have tried multiple devices and have cleared the caches on each of them- to no success. How can I do this?

  •  3,278
    Austin replied

    Hi Adele,

    Use the following custom css:

    @media (max-width: 767px){
        .nectar-split-heading h1 {
        font-size: 26px;
    }
    }
    

    Hope this helps.

  • Adele replied

    Andrew.

    This works when I resize my desktop, but as I mentioned that is not the issue. The issue is that mobile is not affected by the code I am injecting. For some reason it is still not adjusting.

  • Adele replied

    I have done a media query for column row reversing as well, and it is not being affected only mobile devices- it is only noticeable on desktop screens that are resized down to mobile dimensions.

  •  9,639
    Tahir replied

    Hey Again,

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks 


     Salient Support Team