Okay
  Public Ticket #2589007
Responsive column & font settings for a row
Closed

Comments

  •  2
    TheIndianForeigner started the conversation
    November 3, 2020 at 2:50am

    I have a row that has 4 columns on desktop.

    I would like this row 'specifically' to stay 4 columns on mobile but reduce the font size for only this row's content.

    How do I do that? Is there a specific CSS code that I can add to this row with a class name?


    Thanks!

  •  8,849
    Tahir replied
    November 3, 2020 at 6:50pm

    Hey Again,

    For Each Column you need to adjust the Responsive Column Options: 

    6137422446.pngClick To Open Larger Image.

    - As regards adjusting the font size, you can do that by adding an extra class to that row and then use that in the CSS selector .

    Thanks 

    ThemeNectar Support Team 

  •  2
    TheIndianForeigner replied
    November 3, 2020 at 7:15pm

    Yes I tried the responsive settings.

    Could you please share the sample CSS code I can use for media query with a class name?

  •  8,849
    Tahir replied
    November 3, 2020 at 7:18pm


    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks

    ThemeNectar Support Team 

  •  2
    TheIndianForeigner replied
    November 3, 2020 at 7:23pm

    I'm still working on the site internally. So unable to provide a URL.

    I tried something like this for the milestone element but it doesn't work


    @media only screen and (max-width: 600px)

    .class-name p {

    font-size: 12px !important;

    }


  •  8,849
    Tahir replied
    November 3, 2020 at 7:25pm

    Should work like below.

    @media only screen and (max-width: 600px) {
    .class-name p {
        font-size: 12px !important;
    }
}

    ThemeNectar Support Team