Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 18, 2020 at 12:08 pm #1268383
    Steve Goodger

    Hey guys,

    *** Please Help ***

    I’m not sure why all ‘Special Headings’ on my client site are running off the edge of the screen on mobile devices (when viewing in portrait mode)

    Any help much appreciated. See login credentials supplied :)

    Many thanks,
    Steve

    December 19, 2020 at 5:43 pm #1268654
    Nikko

    Hey Steve,

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

    @media only screen and (max-width:767px) {
 #top .av-special-heading-tag {
    word-break: break-word;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    January 4, 2021 at 1:50 pm #1270147
    Steve Goodger

    Hey Nikko,

    Thanks for your response back in December. However, your CSS code doesn’t fix the issue? Please may you investigate for me :)

    Many thanks,
    Steve

    January 5, 2021 at 4:10 am #1270299
    Rikard

    Hi Steve,

    Thanks for the update. I activated the option to delete the old CSS and JS files under Enfold->Performance, and the CSS is applying to your site now.

    Best regards,
    Rikard

    January 5, 2021 at 12:12 pm #1270370
    Steve Goodger

    Amazing, thank you for resolving. Very much appreciated. Finally, may I also ask for some custom CSS to change all the H1 Special Headings to a slightly smaller size on mobile devices, please? Thanks in advance!

    January 5, 2021 at 2:32 pm #1270406
    Nikko

    Hi goodinkcreative,

    Please try adding this CSS code in Quick CSS:

    @media only screen and (max-width:767px) {
  #top #wrap_all #main h1 {
    font-size: 36px;
  }
}

    Best regards,
    Nikko

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