Twenty sixteen not mobile responsive? Display skewed

  • Resolved ONNoah

    (@onnoah)


    8 years, 7 months ago

    We’ve noticed a change in the mobile display of our blog (ontarionature.org/blog). It seems that recently the copy and the images are running off the display area and off the screen.

    I am familiar with HTML but am new to familiarizing with CSS – is there a setting that would enable the mobile responsiveness? It seemed that the posts displayed correctly previously but now the formatting and display has become skewed. (Here is a link to how the images and text appear on mobile devices: https://www.ontarionature.org/connect/blog/wp-content/uploads/current_copy_and_images_nonresponsive.jpg)

    Would you have any advice to help? Correcting this dilemma would be much appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)

  • caused by your edits;

    /*to get rid of the left sidebar on posts*/

.post .entry-footer {display:none;}

.post .entry-content {min-width:100%;}

    you might need to refine this by including @media queries for the mobile view.

    Thread Starter ONNoah

    (@onnoah)

    Great – thanks Michael.

    Can I ask how to correctly use the code to get rid of the left sidebar on posts, or does this need to be introduced in a new post?

    Thread Starter ONNoah

    (@onnoah)

    Thanks again Michael,

    I will start a new post.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty sixteen not mobile responsive? Display skewed’ is closed to new replies.