Resize/scale entire website?

  • Resolved Fernando.s.Ramirez

    (@fernandosramirez)


    10 years, 10 months ago

    This is our website right here. I am using the vantage premium. Unfortunately, I feel like the website is to “in-your-face”, and after I scale it down with my browser to around 80% of the original size I think it looks alot more slick.

    Is there a way I can do this for visitors?

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

  • try adding

    max-width: 80%;
    margin: 0 auto;

    to the body css. You may want to put it in a media conditional so that it does not take effect on smaller screens like smartphones.

    Kevin

    Thread Starter Fernando.s.Ramirez

    (@fernandosramirez)

    Thanks, I appreciate the help. Im not to familiar with htlm, or any code for that matter so I am unsure if I can write up the condition. If anyone has a similar concern and applied Heath’s solution, Can anyone help me through these step?

    Add to your theme css file:

    @media screen and (min-width: 600px) {
    body{
    max-width: 80%;
    margin: 0 auto;
    }
    }

    This will mean that the device width has to be at least 800px wide before the 80% rule for the site takes effect.

    Kevin

    Thread Starter Fernando.s.Ramirez

    (@fernandosramirez)

    that was easy enough! Thanks I really appreciate it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Resize/scale entire website?’ is closed to new replies.