Color in mobile view

  • Resolved Schrottie

    (@schrottie)


    3 years, 11 months ago

    Hi,

    In Chrome for mobile it is unfortunately the case that the colors are not shown as in the Customizer. The background of the pages is black (regardless of whether light or dark theme is used in the browser). So far that’s good. But it breaks the menu. It appears white on white, so it cannot be read. What can I do there? There is no option in customizer to change colos.

    Here’s a video that shows the problem: https://photos.app.goo.gl/27FWrQ6viZgoZXLa8

    • This topic was modified 3 years, 11 months ago by Schrottie.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thank for using Tracks!

    I see the dark background in the mobile menu when visiting your website in Chrome. Can you try changing your browser theme and check if that is indeed affecting the website?

    Thread Starter Schrottie

    (@schrottie)

    When using the bright theme (Not system-wide darkmode.) the problem is the same – black Background and complete white menu.

    Theme Author Ben Sibley

    (@bensibley)

    Hmm okay. I can’t recreate the issue on desktop with Chrome using dark or light mode, and on mobile, I only have access to Android devices through a remote app that doesn’t include the option to change browser themes. The other issue is that we can’t just make the text dark because then it will be dark text on a dark background for the majority of visitors.

    The browser theme shouldn’t change the style of a website – for the obvious reason we’re faced with – so I’m wondering if there is another browser extension or setting on your phone that could be causing this issue?

    Thread Starter Schrottie

    (@schrottie)

    I can reproduce this problem in another mobile (my mobile has Android 10, the other Android 9).

    And yes, in browser preview (customizer) ist the background white and the menu works fine.

    Theme Author Ben Sibley

    (@bensibley)

    Try adding this CSS to the Additional CSS section in the Customizer to force the background to be dark in the mobile menu:

    body,
#menu-primary,
#menu-primary-tracks {
  background: #222 !important;
}
    Thread Starter Schrottie

    (@schrottie)

    Cool, thx! Now it works. But I only don’t know how it works on other devices.

    • This reply was modified 3 years, 11 months ago by Schrottie.
    Theme Author Ben Sibley

    (@bensibley)

    Great!

    Since the issue is around the browser theme, I think this solution will work for any device using that feature.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Color in mobile view’ is closed to new replies.