Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 13, 2018 at 1:48 pm #926072
    philthebass

    Hi,

    I’m finding this issue on a few of the enfold sites we have.

    On iPads the header colour is ignored and is displayed with the background as grey and the burger menu as white, where it should be the other way around.

    iPad Header – incorrect
    https://screencast.com/t/4wBcfkKjmD

    iPhone Header – correct
    https://screencast.com/t/S3qiiOWpzhQ6

    I don’t see any controls in the Enfold dashboard or anywhere in the CSS where I can change this.

    Can you help?

    Thanks

    Phil

    March 14, 2018 at 6:32 am #926423
    Rikard

    Hey Phil,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 14, 2018 at 9:35 am #926499
    philthebass

    Hi Rikard,

    The one I/m working on at the moment is https://www.impactmh.org.uk/

    Thanks

    Phil

    March 15, 2018 at 5:36 am #927036
    Rikard

    Hi Phil,

    Thanks for that, it looks like the CSS being applied is minified by something. Could you try to remove the minification or caching you have active to see if that helps please?

    If that doesn’t help then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    March 15, 2018 at 10:11 am #927174
    philthebass

    Thanks Rikard,

    I’m using WP Rocket, I’ll try to exclude it from minification. Do you know which sheet it is? I’m having trouble telling which one.

    Thanks

    Phil

    March 15, 2018 at 1:39 pm #927304
    Vinay

    Hi,

    Please try to set the rules for the following files

    NOTE: Change the URL of your site and check if the file path is correct by pasting the URL in the browser window and open it should show you the CSS code.

    http://www.YOUR-SITE.com/wp-content/themes/enfold/css/grid.css
http://www.YOUR-SITE.com/wp-content/themes/enfold/css/base.css
http://www.YOUR-SITE.com/wp-content/themes/enfold/css/layout.css
http://www.YOUR-SITE.com/wp-content/themes/enfold/css/shortcodes.css
http://www.YOUR-SITE.com/wp-content/uploads/dynamic_avia/enfold.css
http://www.YOUR-SITE.com/wp-content/themes/enfold/css/custom.css
http://www.YOUR-SITE.com/wp-content/themes/enfold-docs/style.css

    Best regards,
    Vinay

    March 16, 2018 at 11:06 am #928022
    philthebass

    Hi Vinay,

    I’ve disabled the css minification completely and still get the same issue

    https://screencast.com/t/qYVBjrsoL4XU

    Regards
    Phil

    March 17, 2018 at 7:19 am #928380
    Rikard

    Hi Phil,

    Thanks for the feedback, I’m not sure what is causing that to be honest. But you should be able to fix it using this CSS in Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
#header_main, #header_meta {
  background-color: #fff !important;
}

.av_header_transparency div .av-hamburger-inner, #menu-item-search a:before {
  background: #000 !important;
  color: #000 !important; 
}
}

    Best regards,
    Rikard

    March 17, 2018 at 11:25 am #928433
    philthebass

    Thanks Rikard,

    That’s fixed it.

    Regards

    Phil

    March 18, 2018 at 8:14 am #928644
    Rikard

    Hi Phil,

    Great, glad you got it working and sorry for the problems. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.