Okay
  Public Ticket #3490501
Fancy box responsive font size
Closed

Comments

  •  10
    njrichez started the conversation
    October 3, 2023 at 2:24am

    Hi, I can't seem to control the font size in mobile of the "Fancy Box" text. I have tried  the responsive typography settings in the Salient settings. 

    Attached files:  Screenshot_19.png
      Screenshot_20.png

  •  1,877
    Judith replied
    October 3, 2023 at 4:47am

    Hi there,

    Thanks for writing to us.

    Please send in your website URL so that we can share the CSS for what's possible.

    I look forward to hearing from you.

  •   njrichez replied privately
  •  1,877
    Judith replied
    October 3, 2023 at 7:32pm

    Hi there,

    Thanks for writing back.

    We don't have the mobile responsive font size option in the fancy box element settings however this CSS can help you adjust the size on mobile:

    @media only screen and (max-width: 690px){
.nectar-fancy-box[data-style=default] .inner *, .nectar-fancy-box[data-style=hover_desc] .inner *, .nectar-fancy-box[data-style=parallax_hover] .inner * {
        font-size: 19px;
    }
}

    I hope this helps.

    Thanks.