-
AuthorPosts
-
September 19, 2014 at 4:08 pm #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)
heinzSeptember 20, 2014 at 10:24 am #322277Hi 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,
IsmaelSeptember 22, 2014 at 12:29 pm #322943hi 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.
heinzSeptember 23, 2014 at 12:13 pm #323602Hey!
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,
YigitSeptember 23, 2014 at 2:38 pm #323682hi 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
heinzSeptember 23, 2014 at 2:52 pm #323698hi yigit
i found the solution for the pronblem with the fonts.
background image in body tag ist still a problem …
greets
hSeptember 23, 2014 at 3:56 pm #323740hi 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
hSeptember 23, 2014 at 3:58 pm #323742yes, there are problems …
September 24, 2014 at 5:47 am #324042Hi!
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,
JosueOctober 10, 2014 at 2:21 pm #333843hi josue
it works, thank you!
greets from zurich -
AuthorPosts
- The topic ‘Safari problems’ is closed to new replies.