Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #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.
    #867025

    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

    #867035

    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

    #867713

    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

    #867729

    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

    #868139

    Hi Peter,

    YOu still have the code in there
    Image 2017-10-24 at 13.18.01.png
    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

    #868146

    Hi Victoria,

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

    Kind Regards,
    Peter

    #869069

    Hi,

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

    Best regards,
    Ismael

    #869113

    Hi Ismael,

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

    Kind Regards,
    Peter

    #869911

    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

    #870032

    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

    #870367

    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

    #871272

    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

    #871965

    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

    #875445

    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&#8242; 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

    #875951

    Hi,

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

    Best regards,
    Ismael

    #876100

    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

    #876492

    Hi,

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

    Best regards,
    Ismael

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.