How do i fix these problems?

  • (I posted a problem similar to this a while back, but I have made much progress so I decided to make a new one).

    I’ve came across a few problems regarding my website working on an Iphone. It works fine on safari, chrome and mozilla, but there are a few errors on a phone.

    Here’s my website: enberwebsite.com/mx

    Here are the problems:

    1. The website doesn’t show the left of the background, instead the site starts on the begging of the content box.

    2. The website is auto zoomed in, instead of zoomed out.

    3. The background for my page does not stretch to the sidebar, it only stretches to the content div for some reason.

    4. background-attachment:fixed doesn’t some to work on the Iphone, it repeats vertically and horizontally instead of staying in one spot and being fixed.

    That is all, just 4 problems. If anyone needs coding or has suggestions it would be sooo much appreciated! And sorry if I bothered anyone with the some-what double thread.

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you haven’t a custom theme, when attempting to modify themes you should use a Child Theme or Custom Style/CSS plugin.

    Have you a custom theme?

    Thread Starter ianbee

    (@ianbee)

    If you haven’t a custom theme, when attempting to modify themes you should use a Child Theme or Custom Style/CSS plugin.

    Have you a custom theme?

    I downloaded a free theme thats mobile compatible called “Sundance”. But its edited heavily css and even php wise. I don’t know if that’s considered custom or not?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In style.css:

    1. On line 232 change this

    background: url(images/bg2.jpg) black center top;

    to this

    background: url(images/bg2.jpg) black left top;

    2. I don’t understand what you mean.

    3. I can’t see what you mean.

    4. To stop the background repeating, add this style to the body around line 232:

    background-repeat: no-repeat;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Note: Don’t update your theme otherwise any modifications to the theme will be lost.

    Thread Starter ianbee

    (@ianbee)

    In style.css:

    1. On line 232 change this
    background: url(images/bg2.jpg) black center top;
    to this
    background: url(images/bg2.jpg) black left top;
    2. I don’t understand what you mean.

    3. I can’t see what you mean.

    4. To stop the background repeating, add this style to the body around line 232:
    background-repeat: no-repeat;

    Thanks so much for the quick reply!

    1. I changed the coding to what you said, and the webpage still starts at the beginning of the header instead of the beggining of the background. (you can’t see the left of the background, just the right of the background past the content). So on a computer the webpage is shown in this horizontal order: background, content, background. But on a phone it shows in this horizontal order: content, background. Meaning, the left of the background is not showing. I hope this makes sense.

    2. This is what I mean: When you goto the webpage on a phone you don’t see the whole webpage, you see the header zoomed in, then you have to zoom out to see the whole webpage.

    3. This is what I mean: on a computer, theres a dark grey background for both the content and also the sidebar. On a phone, the background is only covering the content and not the sidebar. The content, sidebar and the whole webpage is all wraped around a contentwrapper that has a background image, this background image is only being wrapped around the content and not the sidebar (when on a phone).

    4. I stoped the background repeating by entering in your code, but the background-attachment:fixed; code isn’t making the background stay in one spot on a phone.

    I hope that makes it easier for you or anyone to understand, and again, any help would be appreciated sooooo much! ??

    [ Please do not bump, that’s not permitted here. ]

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do i fix these problems?’ is closed to new replies.