Okay
  Public Ticket #3025955
displayed text on mobile
Closed

Comments

  •  16
    alis_andreea started the conversation

    Hi there, it's me again with another think that I wish to change and hope for some help,

    Please see print screen 1 and 2.

    I wonder if I can make the text on mobile to not be displayed on so many rows? On desktop I have 3 rows, I like the visual of this, but on mobile the text ocuppies 8 rows and it looks a little bit to much rows for my taste. Can you help make from 8 rows maybe 4? If you think 4 will not work, maybe something else that makes it look a little better.


    Thank you,

    Alis

  •  279
    Noah replied

    Hi Alis,

    You can try and cluster the text a bit closer using this CSS:

    @media screen and (max-width: 782px){
    body{
        line-height:20px
    }
    }

    add it to salient \ general settings - css script related - custom css.

    Cheers. 

  •  16
    alis_andreea replied

    Hi Eliud,

    I tried this css as you told me but nothing changes.

    Thank you.

  •  279
    Noah replied

    Hi there,

    Could you try this CSS instead:

    @media screen and (max-width: 782px){
    body{
        line-height:20px !important;
    }
    }
    

    If it does not work then give us access to the backend we take a closer look.

    Thanks.

  •  16
    alis_andreea replied

    Hi Eliud,

    Nothing changed with this css, still the same look on mobile.

    Thank you

  •  8,939
    Tahir replied

    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):

    @media only screen and (max-width: 690px) {
        .nectar-highlighted-text {
            p br {
                display: none !important;
            }
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  16
    alis_andreea replied

    Hi Tahir,

    I get two red x's when I put this css.

  •  1,919
    Judith replied

    Hi There,

    Please send in your website url and also your admin login credentials so that we can check this out further.

    Thanks.

  •   alis_andreea replied privately
  •  8,939
    Tahir replied

    Just corrected the CSS. Please check now.

    Best


    ThemeNectar Support Team 

  •  16
    alis_andreea replied

    Thank you Tahir