Optimize mobile view

  • bibiduweb

    (@bibiduweb)


    5 years, 2 months ago

    Hello,
    My site does not look nice on mobiles, therefore I have the following questions :

    – How to change the color of the menu on the mobile view (white on white and it does not show up) ?
    – Is it possible to optimize the mobile view independently, e.g. decrease the size of the pictures around “Titus Galerie” in my case, so that it looks better on the mobile ?

    Thank you in advance for your kind help !

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

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

    (@bensibley)

    5 years, 2 months ago

    Hey there,

    This CSS can change the color of the mobile menu toggle button to black so it shows against the white background.

    .toggle-navigation {
  color: #000;
}

    Tracks Pro also includes a color option for this and 40+ other elements on the site.

    It is possible to target elements based on the screen size with media queries. For instance, this would target an element on screens up to 800px wide:

    @media all and (max-width: 800px) {

  .selector {
    property: value;
  }
}

    That effectively allows you to make changes for mobile devices only.

    Since these images are coming from a page builder plugin, I would recommend checking if the page builder includes a mobile/responsive option first, and use CSS as a backup.

Viewing 1 replies (of 1 total)

The topic ‘Optimize mobile view’ is closed to new replies.

Tags