css changes don't affect mobile view

  • Resolved mirianderl

    (@mirianderl)


    10 years ago

    Hey there, I encountered a problem using Simple Custom CSS and Spun theme: Whatever changes I make in the custom stylesheet, they work perfectly in the desktop view, but have no effect whatsoever on the mobile view.

    According to the theme’s css, the “intermediate steps” that affect the layout are devices with max-width 1200px, max-width 800px and 600px. However, in any of these sizes, the layout switches back to default. I checked the classes within the three respective media styles (in the theme css), and the classes that I had changed before are not even in there. So, as I understand, my changes should be applied to any view because they are global.
    Update: I tried to make changes directly into the theme’s stylesheet (in the respective classes that I needed to modify) and this worked. So now I’m guessing this is a custom css related problem, not a theme problem. Well. Most likely, it’s a user related problem — which is why I’d appreciate any help! ?? I’d really like to be able to use a child stylesheet, and not modify the default stylesheet directly.
    Thanks a lot!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter mirianderl

    (@mirianderl)

    If someone is willing to help me and wants to see the website, please let me know so that I can disable maintenance mode. Thanks!

    Thread Starter mirianderl

    (@mirianderl)

    uhm. Nevermind.
    For anyone as stupid as me, here’s the solution:
    Apparently, for a looong while I successfully forgot about and ignored the first line in my custom stylesheet:

    @media all and (min-width: 1201px) {
    #main {
        width: 60%;
        margin: 0 auto;
    }

    So of course, all my changes were applied not global, but only to 1201px devices and more. I put the line at the end of the custom css file, and now everything works like a charm.
    Sorry for bothering you!

    Thread Starter mirianderl

    (@mirianderl)

    .

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘css changes don't affect mobile view’ is closed to new replies.