Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #285261

    Hi, I have problems with responsive fonts
    OnPaste.20140630-103806

    I set the fonts to 60px for the header but the responsive site do now resize and looks really bad :-(

    Can you help me?

    #285263

    Hey felipemillan!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    @media only screen and (max-width: 480px) {
    h1.av-special-heading-tag {
    font-size: 30px!important;
    }}

    Best regards,
    Yigit

    #285278
    This reply has been marked as private.
    #285281

    Also I’m having problems with my logo on mobile as you can see at the screenshot.
    Help!

    #285283

    Hi!

    Please add following code to Quick CSS as well
    1- You can try following code but then background image will not cover the whole color section

    @media only screen and (max-width: 480px) {
    div.av-parallax.avia-full-stretch { background-size: contain !important; }}

    2-

    @media only screen and (max-width: 767px) { 
    .responsive .logo a, .responsive .logo img { height: auto !important; }}

    Regards,
    Yigit

    #285294

    The logo image css works, but the image that i talk before is the image at the body content, not the header parallax.

    check that image and it’s not resizing…
    help please

    #285300

    Hey!

    Can you post a screenshot please? This is how it looks when i resize the browser – http://i.imgur.com/XDbfX8P.png

    Regards,
    Yigit

    #285409

    This is how it looks on my side
    https://www.dropbox.com/s/8hjip0j7cvmlo1w/Screenshot%202014-06-30%2015.48.11.png

    The problem is using Firefox last version on mac last version.

    Please help to solve this, it happen with all the images that I have on the body.

    #285414

    Hey!

    Please try adding following code to Quick CSS

    @media only screen and (max-width: 480px) {
    .avia_image { max-width: 50%; }
    .avia-image-container.avia-align-center .avia-image-container-inner { margin: 0; }}

    After which CSS code did that happen?

    Cheers!
    Yigit

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