DIVs being ignored in mobile view

  • Resolved KittyFlynn

    (@macwillard)


    7 years, 10 months ago

    The title says it all. My divs are being ignored on my pages, and for the life of me I can’t figure out why. Here’s an example of the problem: https://macflynn.com/books/werewolves/sweet-sour/

    I’m using a child of penscratch, so here’s the relevant part of the stylesheet (the DIVs in question):

    div.book_links { display: block;
float: left;
width: 150px;
margin: 18px; }

div.book_links a { float: left;
margin: 5px;
width: 26px;
height: 26px;
border-radius: 15px;
box-shadow: 5px 5px 5px #888888;
opacity: .6; }

div.book_links a:hover { opacity: 1; }

    Any help would be most appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your CSS is inside of a ‘Media Query’ that applies it to a minimum width of 55em. To find out what that is in Pixels, multiply 55 by 16.

    
@media screen and (min-width: 55em) {
...
}
    • This reply was modified 7 years, 10 months ago by Andrew Nevins.
    Thread Starter KittyFlynn

    (@macwillard)

    That was the trick! Thanks so much for the mobile lesson!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘DIVs being ignored in mobile view’ is closed to new replies.

Tags