Okay
  Public Ticket #2175908
how can I make a row with 3 column, but on cell phone no to became three row
Closed

Comments

  • zhaoshuilin started the conversation
    October 7, 2019 at 5:41am

    I want to make a row with two or more columns, and on dell phone I do not want all of them become rows.

    as attached image, i want to looks like left side from other website,  not like right side of image, each picture as one row


    Thanks


    how can I make a row with 3 column, but on cell phone no to became three row

  •  8,992
    Tahir replied
    October 7, 2019 at 11:38am

    Hey Again,

    You can adjust these Column Responsive Options : http://prntscr.com/pfxi9n . 

    Best

    ThemeNectar Support Team 

  • zhaoshuilin replied
    October 7, 2019 at 11:46pm

    Hi Tahir 

     Thank you very much, another question I want to change text size based on the break point of screen,  where I can get this info.

    Thanks

    Joseph

     

  •  8,992
    Tahir replied
    October 8, 2019 at 6:33am

    Hey Again,

    Try using the New Responsive Typography Settings in here : http://prntscr.com/gnf951 .

    Best.

    ThemeNectar Support Team 

  • zhaoshuilin replied
    October 9, 2019 at 3:31am

    Hi Tahir

    Thank you, have another question about the display website name or title as attached image


    Thanks

  •  8,992
    Tahir replied
    October 9, 2019 at 9:53am

    Hey Agian,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    @media only screen and (max-width: 999px) and (min-width: 1px) {
    #logo:after {
        content: "Queen's";
        width: 100%;
        height: 100%;
        top: 0px;
        left: 30px;
        position: absolute;
        color: #e51722;
    }
}

    Thanks

    ThemeNectar Support Team 

  • zhaoshuilin replied
    October 10, 2019 at 2:17am

    Thank you very much

  • zhaoshuilin replied
    October 10, 2019 at 9:57pm

    Hi Tahir

    I have two questions as attached images: 

    1. for the language menu hover background color, 

    2. Off Canvas Menu/Mobile Menu one item background-color want to be transparent


    Thanks


  •  8,992
    Tahir replied
    October 11, 2019 at 12:14pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpml-ls-slot-84.wpml-ls-current-language:hover, .wpml-ls-slot-84.wpml-ls-current-language:hover a, .wpml-ls-slot-84.wpml-ls-current-language a:hover {
    background-color: transparent !important;
}
.wpml-ls-slot-84.wpml-ls-current-language, .wpml-ls-slot-84.wpml-ls-current-language a, .wpml-ls-slot-84.wpml-ls-current-language a:visited {
    background-color: transparent !important;
    color : #fff !important;
}

    Thanks

    ThemeNectar Support Team