Header background mobile still changing from black to white (transparent) - Support

Tagged: Header Background, mobile

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
October 20, 2017 at 7:54 pm #866829
Peter
Participant
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, 1 month ago by Peter.
October 21, 2017 at 12:37 pm #867025

Rikard
Keymaster

Hey 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,
Rikard

October 21, 2017 at 1:08 pm #867035

Peter
Participant

Hi 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,
Peter

October 23, 2017 at 5:07 pm #867713
Victoria
Inactive Moderator
Hi 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,
Victoria
October 23, 2017 at 5:23 pm #867729

Peter
Participant

Hi 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,
Peter

October 24, 2017 at 12:18 pm #868139

Victoria
Inactive Moderator

Hi Peter,

YOu still have the code in there

That supposed to be changed.

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria

October 24, 2017 at 12:26 pm #868146

Peter
Participant

Hi Victoria,

OK, data is below, it is a Child theme.

Kind Regards,
Peter

October 26, 2017 at 6:50 am #869069

Ismael
Moderator

Hi,

We also need the htaccess credentials. Please post it in the private field.

Best regards,
Ismael

October 26, 2017 at 8:00 am #869113

Peter
Participant

Hi Ismael,

I do not have access to htaccess. Please find here the ftp account data, maybe you will need it.

Kind Regards,
Peter

October 28, 2017 at 3:11 pm #869911
Ismael
Moderator
Hi,

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,
Ismael
October 28, 2017 at 10:31 pm #870032

Peter
Participant

Hi 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,
Peter

October 30, 2017 at 7:09 am #870367

Ismael
Moderator

Hi,

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,
Ismael

November 1, 2017 at 3:17 pm #871272

Peter
Participant

Hi 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,
Peter

November 3, 2017 at 4:51 am #871965
Ismael
Moderator
Hi,

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,
Ismael
November 11, 2017 at 11:34 am #875445

Peter
Participant

Hi 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,
Peter

November 13, 2017 at 5:44 am #875951

Ismael
Moderator

Hi,

Do you need the old parent theme file? Please create a backup of the folder then remove it.

Best regards,
Ismael

November 13, 2017 at 1:17 pm #876100

Peter
Participant

SOLVED!

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,
Peter

November 14, 2017 at 8:24 am #876492

Ismael
Moderator

Hi,

Great! Glad it is working now. Please feel free to open a new thread if you need anything else.

Best regards,
Ismael
Author

Posts

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘Header background mobile still changing from black to white (transparent)’ is closed to new replies.