Okay
  Public Ticket #2988312
Post grid - responsiv text
Closed

Comments

  •  4
    D0PY started the conversation
    February 23, 2022 at 10:40am

    Hey,

    Is it possible to increase the width of the text box that announces the name of the project ? because on mobile it is cut in half and returns to the line, I would like it on a line without reducing the size of the text.


    Thank's


  •  8,839
    Tahir replied
    February 23, 2022 at 10:44am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-post-grid .nectar-post-grid-item .content .post-heading {
    max-width: 100% !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2,958
    Andrew replied
    February 23, 2022 at 10:46am

    Hi there,

    The following CSS might help.

    @media only screen and (max-width: 690px){
    .nectar-post-grid .nectar-post-grid-item .content .post-heading {
        max-width: 100%;
    }
}

    Thanks,

  •  4
    D0PY replied
    February 23, 2022 at 10:58am

    Nice !

    Thanks for the responsiveness.