Okay
  Public Ticket #2720393
Highlighted text block weird behavior on mobile
Closed

Comments

  • simonemora8 started the conversation
    March 15, 2021 at 1:47am

    The highlighted text block has a weird behavior when displayed on mobile. Line spacing and underline at the end of of the paragraph is odd. Please see attachments. Thank you.

  •  8,847
    Tahir replied
    March 15, 2021 at 7:20am

    Hey simonemora8 ,

    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-highlighted-text em {
    line-height: inherit !important;
}

    Thanks

    ThemeNectar Support Team 

  • simonemora8 replied
    March 16, 2021 at 2:26am

    Thank you, Tahir. Line height is now ok but the underline still exceed the text width, see attachment. 

    Also, is it possible to get rid of the tick purple bur below the images (see attachment)

  •  2,962
    Andrew replied
    March 16, 2021 at 3:44am

    Hi There,

    Please send in your admin login credentials so that we may look into the issue further.

    Thanks.

  •   simonemora8 replied privately
  •  8,847
    Tahir replied
    March 16, 2021 at 12:47pm

    Hey Again,

    The Highlighted Text only works on a single line therefore the H3 font-size would have to be reduced by a few pixels so it fits on a line on mobile as well. See screenshot:  

    8566105431.pngClick To Open Larger Image.

    Thanks 

    ThemeNectar Support Team 

  •   simonemora8 replied privately
  •  8,847
    Tahir replied
    March 18, 2021 at 3:36pm

    I can't seem to download the pdf file at the moment. Could you attach a screenshot?.

    Thanks 

    ThemeNectar Support Team 

  •   simonemora8 replied privately
  •  2,962
    Andrew replied
    March 19, 2021 at 7:05am

    Hi There,

    Please try this css:

    .portfolio-items .work-item.style-4 .work-info {
        opacity: 0;
    }

    Thanks.