Services section wrapping left on wide screen

  • Resolved pict3000

    (@pict3000)


    9 years, 9 months ago

    Oddly enough, when I drag my browser window out to max size, the far left column of the Services section jumps all the way to the left and underneath the far left column. This is odd because that is the behavior I expect from decreasing the browser size, not increasing it.

    The demo site i’m working on is at https://demoseer.com/

    Also, I can’t get the About section columns to change text alignment. It wants to always stay left aligned. I’ve tried the text-align: center rule in the custom css field and in my child-theme’s style.css file, and I tried inline styling. None of them changes text alignment.

    What can I do to individually control alignment within whatever elements I wish?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter pict3000

    (@pict3000)

    Additional helpful information:

    The unwanted “Services” section behavior is only with Safari (7.1.4). It does NOT occur with Chrome or Firefox. This “3rd-column-wrapping event” occurs when the browser window is dragged out to 1120 px wide. Once the 3rd column jumps all the way to the left, if I refresh the browser, the 3 columns appear side-by-side again — as they should — until I again change the window size. Then the 3rd column again jumps back to the left side of the page.

    I have tried removing my child-theme’s functions.php and my style.css, and the problem persists, so that eliminates either of those files as the culprit.

    Please help.

    Thread Starter pict3000

    (@pict3000)

    This is how I fixed it.

    Onetone’s stylesheet had this in it (mistake maybe?):

    .home-container {
	width:1120px;
        etc.,
        etc... }

    So in my child-theme’s style.css I put

    .home-container {
	width:auto; }

    I’d like to thank you pict3000 for all your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Services section wrapping left on wide screen’ is closed to new replies.