Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • November 6, 2017 at 7:50 pm #873318
    newtonlinchen

    Hello,

    I don’t know what is wrong, but my new project (website) is displaying awfully in mobile (iPhone 5s):

    Home

    The Special Heading elements are cut off.

    Can you help me figure it out?

    Regards,

    Newton.

    November 6, 2017 at 10:04 pm #873364
    Nikko

    Hey newtonlinchen,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .home #av_section_1 .av-special-heading.av-special-heading-h3 {
    font-size: 60px !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    November 8, 2017 at 9:08 pm #874314
    newtonlinchen

    Nikko,

    Have you check the way the site looks on mobile?

    The issue is not only the font, but also the images. The images of the Color Section simply don’t appear on mobile.

    How do I keep the mobile version neat automatically? (I mean, to create the desktop/notebook website version and it really become responsive to tablets and mobile?

    Newton

    November 11, 2017 at 7:02 pm #875558
    Victoria

    Hi Newton,

    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) {
  #top #wrap_all .av-inherit-size .av-special-heading-tag {
      font-size: 26px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 12, 2017 at 1:19 am #875631
    newtonlinchen

    Hello, Victoria!

    Should I keed the previous code (below) or remove it and replace it with the new one?

    Previous code:

    @media only screen and (max-width:767px) {
    .home #av_section_1 .av-special-heading.av-special-heading-h3 {
    font-size: 60px !important;
    }
    }

    November 12, 2017 at 8:44 am #875664
    Jordan Shannon

    Hi,

    It seems the code Victoria has provided is to replace what was given the first time.

    Best regards,
    Jordan Shannon

    November 13, 2017 at 3:08 pm #876123
    newtonlinchen

    ok, I’ll try it.

    November 13, 2017 at 3:12 pm #876125
    newtonlinchen

    Hello,

    Just try it.

    Please look at the image: the main content header and text are ok. But the first Header (the word is “Algoritmos”) is not reducing to be visible in mobile (I’m using an iPhone 5s to test it).

    Is there any further changes we could make?

    Newton

    November 13, 2017 at 7:31 pm #876226
    Jordan Shannon

    Hi,

    Do you mean the logo text? I am able to see that just fine. Please provide a screenshot of your view.

    Best regards,
    Jordan Shannon

    November 26, 2017 at 4:51 pm #881914
    newtonlinchen

    Here: https://www.dropbox.com/s/0d4jy310lymu1df/2017-11-13%2011.09.36.png?dl=0

    The word ALGORITMOS, (Portuguese for “Algortihms”) is not displaying correctly. We only see “ALGORIT”

    November 26, 2017 at 5:49 pm #881937
    Victoria

    Hi newtonlinchen,

    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) {
  #top #wrap_all .all_colors h1 {
    font-size: 40px;
  }
  .av-subheading.av_custom_color p {
    font-size: 28px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 26, 2017 at 6:09 pm #881948
    newtonlinchen

    Hello,

    I put the .css code in the Quick CSS, and it didn’t work (the heading word “ALGORITMOS” is still not appearing completely, in fact, it didn’t change at all).

    So I put the code in the custom.css file

    And it didn’t work either.

    Not sure what to do, now.

    Newton.

    November 26, 2017 at 7:23 pm #881980
    Victoria

    Hi Newton,

    Try like this:

    
@media only screen and (max-width: 767px) {
  #top #wrap_all .all_colors h1 {
    font-size: 40px !important;
  }
  .av-subheading.av_custom_color p {
    font-size: 24px !important;
  }
}

    Best regards,
    Victoria

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