Tagged: Header Background, mobile
-
AuthorPosts
-
October 20, 2017 at 7:54 pm #866829
Dear Kriesi team,
after adding the CSS code, the PC (Safari, Chrome, ..) and IOS (Safari) is doing right in not showing a black header fir a second when loading.
After installing WPML (German and English Language) – only in English – the mobile (IOS, Safari) shows the black background when loading.
@media only screen and (max-width: 768px) {
div#header_main {
background-color: white;
}}Is there something else where I need to pay attention?
Thank you in advance for your quick support!
Kind Regards from Vienna,
Peter- This topic was modified 7 years ago by Peter.
October 21, 2017 at 12:37 pm #867025Hey Peter,
I can’t see anything like that on my end using Chrome so I’m not sure how to reproduce the problem? Did you make sure to clear your local cache in the browsers?
Best regards,
RikardOctober 21, 2017 at 1:08 pm #867035Hi Rikard,
thank you for taking care about that issue.
I cleared the cache and double checked it a few minutes ago. I can reproduce it -> iPhone 6s / IOS (11) with Safari -> load the website, then use the menu -> tap the English Language button. The site will reload with the english content and the background will be black for a few seconds.
Kind Regards,
PeterOctober 23, 2017 at 5:07 pm #867713Hi Peter,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.html_stretched #wrap_all { background-color: #fff; }
If you need further assistance please let us know.
Best regards,
VictoriaOctober 23, 2017 at 5:23 pm #867729Hi Victoria,
neither in Enfold > General Styling > Quick CSS nor in themes/enfold/css/custom.css is a change in behaviour.
Have you tried with an iPhone or Android Smartphone? You will see the black background when switching to the english flag!Thank you in advance!
Best Regards,
PeterOctober 24, 2017 at 12:18 pm #868139October 24, 2017 at 12:26 pm #868146Hi Victoria,
OK, data is below, it is a Child theme.
Kind Regards,
PeterOctober 26, 2017 at 6:50 am #869069Hi,
We also need the htaccess credentials. Please post it in the private field.
Best regards,
IsmaelOctober 26, 2017 at 8:00 am #869113Hi Ismael,
I do not have access to htaccess. Please find here the ftp account data, maybe you will need it.
Kind Regards,
PeterOctober 28, 2017 at 3:11 pm #869911Hi,
I’m referring to the following credentials. Please ask your hosting provider.
// https://blogvault.net/password-protect-a-directory-with-htaccess/
Anyway, all you need to do is change the background of the html container.
html { background: #ffffff; }
Best regards,
IsmaelOctober 28, 2017 at 10:31 pm #870032Hi Ismael,
thank you for your reply. Where should I write the “html { background: #ffffff; }”? In the Quick CSS? – I do not understand exactly.
Thank you!
Kind Regards,
PeterOctober 30, 2017 at 7:09 am #870367Hi,
Yes, add it in the Quick CSS field or the child theme’s style.css file. Disable the cache/minification plugin, remove browser cache or hard refresh before checking the page.
Best regards,
IsmaelNovember 1, 2017 at 3:17 pm #871272Hi Ismael,
thank you for your reply. Double checked with Quick CSS and style.css, Safari and Chrome on IOS and Chrome on Android – still no change!
Mobile: When opening the site http://www.consent.at -> then change to the English menu tab -> the black header comes…..
Thank you!
Kind Regards,
PeterNovember 3, 2017 at 4:51 am #871965Hi,
I switched to “EN” and the background is already white. Please remove browser cache then check the page. The following css code is already applied.
html { background-color: white !important; }
Best regards,
IsmaelNovember 11, 2017 at 11:34 am #875445Hi Ismael,
thank you far – I think there is another issue I have caused with the child theme initially.
I am running a child theme with the name enfold_343_child and the parent theme name enfold_42. However, when checking the html code of the pages they refer to the old parent name enfold_343, see the example line below (for the homepage)
<link rel=’stylesheet’ id=’avia-wpml-css’ href=’http://www.consent.at/cms/wp-content/themes/enfold_343/config-wpml/wpml-mod.css?ver=4.8.3′ type=’text/css’ media=’all’ />the style.css if the child is here:
/*
Theme Name: Enfold child FIP -consent-
Version: 3.4.3
Author: FIP
Author URI: http://www.consent.at
Template: enfold_42
Text Domain: enfold-child
*/I have never imported the setting “Import Parent Theme Settings”!
Maybe this causes the display issues?
Would you please have a look at this, too?
Thank you!
Kind Regards,
PeterNovember 13, 2017 at 5:44 am #875951Hi,
Do you need the old parent theme file? Please create a backup of the folder then remove it.
Best regards,
IsmaelNovember 13, 2017 at 1:17 pm #876100SOLVED!
Hi Ismael,
the initial issue is solved. After deleting all unnecessary themes and setup the child theme new (with importing the settings) it works great – as designed!Thank you!
Kind Regards,
PeterNovember 14, 2017 at 8:24 am #876492 -
AuthorPosts
- The topic ‘Header background mobile still changing from black to white (transparent)’ is closed to new replies.