Skip to main content
R
rebeccav27604327
Participant
August 20, 2018
Question

media queries not responsive server side

  • August 20, 2018
  • 6 replies
  • 800 views

Just uploaded new site to bluehost server and the site is not responsive on their end, only shows desktop view.

The site works perfectly on adobe preview - mobile, tablet and desktop.

Spoke with bluehost and they said it isn't on their end that it is in the developer end,

Any suggestions?

    This topic has been closed for replies.

    6 replies

    R
    rebeccav27604327Author
    Participant
    August 20, 2018

    Resyncing to server right now.

    O
    osgood_
    Legend
    August 20, 2018

    I still dont see the viewport media tag added but even without it the site looks somewhat responsive? What do you mean by its not responsive? The images are moving beneath one another at specified media query widths.....only thing I can see is the images all look a bit squashed when you move the browser window width wider and narrower but that most like because you have not set the images to be max-width: 100%;

    img {

    max-width: 100%;

    }

    R
    rebeccav27604327Author
    Participant
    August 20, 2018

    I didn't have any error reports and had put all the files.

    R
    rebeccav27604327Author
    Participant
    August 20, 2018

    Thank you for the quick responses!

    This is my first site, and it isn't quite finished so I have it "noindex", and I still need to fix the logo and a few things.

    So here it is:

    floraisonskincare.com

    O
    osgood_
    Legend
    August 20, 2018

    Have you added the responsive 'viewport' meta tag to the <head> </head> section of your pages?

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    R
    rebeccav27604327Author
    Participant
    August 20, 2018

    I didn't have:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    I just added it, per your advice.

    Thank you

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    August 20, 2018

    It's impossible to say without seeing the site.

    I have a couple of guesses though...

    Maybe Bluehost is serving your site within a frameset. To check if that's the case, open your online page in a browser, right click and choose "view source". If you see a very short page of code with a frameset at the top, that would be the problem.

    It's possible you may have forgotten to upload the css that controls your responsiveness, uploaded to the wrong location, or uploaded with a different case structure in the file name than the link in your source code. Servers are case sensitive, your local OS is not.

    If you'd like more direct answers, please share a link to your site so we can see what's going on.

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    August 20, 2018

    What's the URL to your online site?

    Did you upload the CSS files and scripts to your server?

    Did you validate code and fix reported errors?

    Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices