website changes not mobile responsive

  • Resolved tgurr

    (@tgurr)


    9 years, 1 month ago

    Hi All,
    I am hoping someone can help me as I am stumped. I made some changes to the home page of our website and it is showing up just fine on a computer but not on my phone. I added some images with clickable links to the top of the page as a temporary change to advertise some shows we will attend. Does anyone know how I can make these changes work properly on mobile devices? Our website is https://www.gurreathomes.com. Looking at the home page, I added the three shows at the top and the blue message icon. I greatly appreciate anyone’s input. ??

    Thanks,
    Tammy

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

  • If you look in your styles.css file, you will notice a bunch of @media queries. They look like this:

    @media (max-width: 999px) {

    }

    The @media queries are designed so you can have different CSS settings based upon the resolution of the device they are displayed on. Usually we set up one for computer desktop, one for tablets and one for the three major phones that are out there.

    You may want to read up on using @media queries if you are not already familiar with them.

    https://premium.wpmudev.org/blog/responsive-design-css3/

    Thread Starter tgurr

    (@tgurr)

    Thanks! I looked in the style file and it is set up for different devices. So, I went back and looked at the updates I did and realized that I could set the style right there. I changed the settings for mobile phones and it is fixed! Thanks for the link to the article as it is very informative and helpful.

    Glad to help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘website changes not mobile responsive’ is closed to new replies.