Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 29, 2019 at 4:48 am #1095169
    JordanTH3

    Dear admins,

    I seem to have an issue in making my website mobile responsive.
    As you can see from my website, the Wordings I have are not responsive to the mobile.
    I have tried to change the font size of the Text Block at the Screen Options, but there isn’t any changes.

    Please advice.

    Thank you

    April 29, 2019 at 8:44 pm #1095479
    Victoria

    Hey JordanTH3,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    April 30, 2019 at 4:27 am #1095576
    JordanTH3

    Dear Victoria,

    The attached is a snip for the issue.

    Thank you.

    May 1, 2019 at 6:19 am #1096023
    Rikard

    Hi,

    You have set the font size to that text to 70px in the paragraph, please try adding a class to that paragraph, for instance mobile-text. Then add this to Quick CSS:

    @media only screen and (max-width: 767px) {
.mobile-text strong {
  font-size:30px;
}
}

    Best regards,
    Rikard

    May 1, 2019 at 8:52 am #1096084
    JordanTH3

    Hi Rikard,

    How do i add a class to the paragraph?
    Please advice.

    Thank you.

    May 1, 2019 at 9:06 am #1096088
    JordanTH3

    Hi,

    Is it possible that you help me with this?
    Thank you.

    May 3, 2019 at 4:11 am #1096690
    JordanTH3

    Hi Rikard,

    still waiting for a reply from you.
    thank you

    May 3, 2019 at 5:36 pm #1096946
    Victoria

    Hi JordanTH3,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 @media only screen and (max-width:767px){
     #av_section_1 .av_textblock_section p strong {
         font-size: 24px;
     }
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 5, 2019 at 10:13 am #1097370
    JordanTH3

    Hi Victoria,

    Is it okay if i give you my login ID & temporary pw and you help me to look into this issue?

    thank you.

    May 5, 2019 at 10:44 am #1097381
    JordanTH3

    hi Victoria,

    I managed to change the font size on the particular Section I want, but however in that section, there’s 2 different TextBlock. One is the title and the other would be the description. Is there anyway that to only change the Font Size for the Title TextBlock? Because when I use your code, I’m changing the Font size for BOTH textblock. Which isn’t exactly what I wanted.

    Thank you.

    May 8, 2019 at 9:06 am #1098367
    Victoria

    Hi JordanTH3,

    You need to check the other section ids and add them to the code given above like so

    
 @media only screen and (max-width:767px){
     #av_section_1 .av_textblock_section p strong,
    #av_section_n .av_textblock_section p strong,
    #av_section_n .av_textblock_section p strong
 {
         font-size: 24px;
     }
 }

    Where you change the n for the real number.

    Best regards,
    Victoria

    May 8, 2019 at 9:21 am #1098377
    JordanTH3

    Hi Victoria,

    Yes I understand that.
    I tried doing it. But like what I mentioned in the previous post, In that particular Section, there are 2 DIFFERENT ‘TEXT BLOCKS’ 1 is the TITLE and the other one is the CONTENT.

    I only want to change the TITLE ‘TEXT SIZE’
    How do i work on this?

    Thank you.

    May 10, 2019 at 4:28 am #1099138
    JordanTH3

    Hi Victoria,

    I’m still hoping for an answer here.

    Regards,
    Jeffrey.

    May 10, 2019 at 8:10 am #1099198
    Victoria

    Hi Jeffrey,

    Best regards,
    Victoria

    May 10, 2019 at 8:12 am #1099200
    JordanTH3

    Hi Victoria,

    Yes correct.
    Regards,

    Jeffrey.

    May 12, 2019 at 7:02 pm #1099787
    Victoria

    Hi JordanTH3,

    Please try this css:

    
 @media only screen and (max-width:767px){
     #av_section_1 .av_textblock_section .av-small-font-size-55 p strong {
         font-size: 24px;
         line-height: 16px !important;
     }
 }

    Best regards,
    Victoria

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.