Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 25, 2015 at 6:09 pm #402253
    Etix

    My Headings on the website are not mobile ready, they exceed the corner because they are too huge and long for mobile devices, on browser they work perfectly like they should but is there a way that they get smaller or fit better on mobile devices?

    http://foxfiredev.net
    At example here i am talking about this heading:
    “Willkommen!

    Wir sind FoxFire Consulting.
    Entwicklung von Web- und Standalonesoftware.
    Individuelles, angepasstes Coaching und Consulting.”
    Which is fixed on 72 and 36

    February 26, 2015 at 8:53 am #402518
    Rikard

    Hi Etix!

    Please try the following in your Quick CSS:

    @media only screen and (max-width: 767px) {
#top #wrap_all .custom-color-heading .av-special-heading-tag {
font-size: 36px !important;
}
.av-subheading p{
font-size:24px !important;
}
}

    Regards,
    Rikard

    February 26, 2015 at 2:47 pm #402680
    Etix

    Does not seem to show an effect on my side :(

    February 26, 2015 at 2:48 pm #402681
    Etix

    Furthemore i noticed that the menue button and logo are not in the color section like on the desktop version, which makes the logo with white font look ugly, could this get fixed aswell please?

    February 27, 2015 at 5:16 am #403159
    Rikard

    Hey!

    Did you try to flush your mobile browser cache and reload a few times? You can also check if it’s working a desktop browser by resizing the window horizontally.

    Cheers!
    Rikard

    February 27, 2015 at 7:38 pm #403619
    Etix

    Yes unfortunally i did, i tried it on mobile and by desktop windows size minimizing :(

    March 1, 2015 at 2:08 am #403978
    Andy

    Hey!

    The code Rikard provided you should work and I can see in your source code that it’s not implemented. You are using cloudflare service, which might be the reason that changes don’t take effect. You would need to deactivate it when customizing your website.

    Cheers!
    Andy

    March 1, 2015 at 2:41 am #403987
    Etix

    THe problem was that the quick css did not apply for some reason, i added it to the custom.css and now it works, thanks!

    Do you have a suggestion for the other point i mentioned aswell?
    (“Furthemore i noticed that the menue button and logo are not in the color section like on the desktop version, which makes the logo with white font look ugly, could this get fixed aswell please?”)

    March 2, 2015 at 11:54 am #404385
    Rikard

    Hey!

    Please try the following CSS:

    #top .av_header_transparency .header_bg {
background-color: #307ECC !important;
}

    Regards,
    Rikard

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