Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 30, 2014 at 4:41 pm #285261
    felipemillan

    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?

    June 30, 2014 at 4:44 pm #285263
    Yigit

    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

    June 30, 2014 at 5:01 pm #285278
    felipemillan
    This reply has been marked as private.
    June 30, 2014 at 5:07 pm #285281
    felipemillan

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

    June 30, 2014 at 5:10 pm #285283
    Yigit

    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

    June 30, 2014 at 5:27 pm #285294
    felipemillan

    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

    June 30, 2014 at 5:31 pm #285300
    Yigit

    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

    June 30, 2014 at 9:49 pm #285409
    felipemillan

    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.

    June 30, 2014 at 10:06 pm #285414
    Yigit

    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

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