Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #321945

    hi there
    1. i tried a hunderd time to implement a fixed background image to the body – it never shows the image.
    so i gave it to the “wrap_all”, that works but the image ist not fixed …
    any solution?

    2. safari on a desktop mac computer (with 23″ screen) shows the mobile navigation … !!!
    3. safari on a pc desktop shows wrong fonts in the navigation and for h2 titles (everything looks fine on a ipad / safari on pc is version 5.1.7)
    any idea what happens here?

    website see below
    thanks for your reply (german would be nice too)
    heinz

    #322277

    Hi webmanu!

    Thank you for using Enfold.

    Have you tried using the Color Section instead of applying the background image on the wrap_all container? Maybe this will help fix the issue on safari browser:

    #wrap_all {
    background-image: url(images/bg.jpg);
    background-position: top center;
    background-attachment: fixed !important;
    -webkit-background-size: 2133px 1200px;
    }

    Best regards,
    Ismael

    #322943

    hi ismael
    i need the background image for the wohle website.
    the common way is to do that in the body tag. (and the background-size has to be “cover”.)
    but every try ends with a blank background (style.css / custom.css and so on).
    any idea hwo i can implement the image to the body tag?
    this is a essential thing and should be possible.
    thanks for your reply.
    heinz

    #323602

    Hey!

    I checked your website on Safari 7.0.6 on OS X 10.9.4 and mobile menu does not show up untill i resize the window to 990px on 15 inch laptop. Has it fixed already? Also seems like you figured out fixed background issue

    Regards,
    Yigit

    #323682

    hi yigit
    no, the problem with safari is not fixed (on my clients mac computer with 23″ screen still the mobile navigation is showing).
    on pc with safari the fonts for the main navigation and the h2 titles are ugly as …
    on pc with safari the background is not fixed.

    AND i still don’t know how to implement the background image to the body tag (i tried a dozen ways with different css files, nothing works).

    thanks for your answer anyway
    heinz

    #323698

    hi yigit
    i found the solution for the pronblem with the fonts.
    background image in body tag ist still a problem …
    greets
    h

    #323740

    hi yigit
    because of the body problem:
    when i replace
    <body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank); avia_markup_helper(array('context' => 'body')); ?>>
    in the header.php with
    <body id="top" style="background-image:url(<?php bloginfo( 'template_url' ); ?>-child/images/bg.jpg); background-position:center top; background-attachment:fixed; background-size:cover;>
    (cause i need the same fixed background in all pages)
    any problems for enfold with that?
    thanks and greets
    h

    #323742

    yes, there are problems …

    #324042

    Hi!

    Removing the body_class is not recommended, try:

    <body id="top" style="background-image:url(<?php bloginfo( 'template_url' ); ?>-child/images/bg.jpg); background-position:center top; background-attachment:fixed; background-size:cover;" <?php body_class($style." ".$avia_config['font_stack']." ".$blank); avia_markup_helper(array('context' => 'body')); ?>>
    

    If that doesn’t work, move the background styling to a separate stylesheet (Quick CSS or child style.css):

    body{
    background-image:url(_here_); background-position:center top; background-attachment:fixed; background-size:cover;
    }

    Best regards,
    Josue

    #333843

    hi josue
    it works, thank you!
    greets from zurich

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Safari problems’ is closed to new replies.