Viewing 12 replies - 1 through 12 (of 12 total)
  • I checked the link you gave in 4 browsers.
    In all it worked well. Only in IE it showed a little problem in the placement of menu-items.

    Mak sure you installed the latest version of the browser.

    Press <ctrl-F5> or refresh the browser cache;
    https://www.wikihow.com/Clear-Your-Browser%27s-Cache

    Thread Starter Black22

    (@black22)

    Thank you, Ginfo for your answer. I really appreciate this, because I almost cried after seeing this.

    https://dl.dropboxusercontent.com/u/34906083/site2.PNG
    This is what I mean. I checked this in IE and Chrome as well and the same issue. Widget bar is going down below post page. The question is – why scroll bar is not appearing? I asked two more persons to check it and they reported me the same issue

    Website looks great (at least for my skills. I had no idea about php and css 3 weeks ago and with this forum, tutorials I could create something like this, so I’m pretty proud ?? ) in full screen but after resizing the browser, everything is messing.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did these styles come from:

    .widget-area {
    width: 335px;
    background-color: #090909;
    position: relative;
    left: 38px;
    }

    ?

    The “width” style is using a static measurement of pixels. Use a percentage like the theme originally did.

    Thread Starter Black22

    (@black22)

    Thank you for your answer, Andrew
    I’m afraid it did not solve the problem, rather made it more annoying. However still, with browser resizing, there is no scroll bar and everything is very small. How to prevent website from scalling?
    https://dl.dropboxusercontent.com/u/34906083/scalling.PNG

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Who built this site for you? You need to contact that person because there seems to be JavaScript disabling the scrollbar.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How to prevent website from scalling?

    Just don’t use a mobile theme, especially Twenty Twelve which was primarily built for mobile phone usage. That’s the easiest option you have.

    Thread Starter Black22

    (@black22)

    I created it on my own, learning css and php from basic as a hobby.

    Hmm, any harder way? Changing the theme would be starting from scratch and this is what I would like to avoid :/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you tried deactivating plugins to explore whether you have any that disable the scrollbar?

    Thread Starter Black22

    (@black22)

    Yeah, tried that 5 minutes ago. Nothing has changed. It looks like that twentytwelve theme doesnt have scrollbar for page and widget area. After resizing widgets are jumping below the post page

    Test the following to see if this problem is related to the active theme, or not.

    Install and actvate any other theme, deactivate the plugins and check if the resizing problem re-occurs. Don’t mind the look and feel, just check for the occurrance of the issue.

    If the problem disappears, your problem is situated in the theme.

    I would try to save any changes I made to the CSS into notepad, delete the theme then reinstall it. Then slowly add the changes back one at a time to pin down what’s causing the issue.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Page is not scalling when resizing!’ is closed to new replies.