Main content background color in left sidebar + fullwidth layout (part II)

Hi Yigit,

To continue the closed topic https://kriesi.at/support/topic/update-broke-main-content-background-color-in-left-sidebar-layout/ I found that the proposed “float: left” there also brings problems in some cases. A better solution is:

#main .container_wrap {
  overflow: hidden;
}

(notice the #main there which is important because else the rule applies to the header-sidebar too, cutting off level two menu items)

Or:

.html_header_sidebar.html_content_align_left .container {
  float: none;
}

I understand you were not able to reproduce the issue and I’m afraid I cannot tell you exactly how to get there (I’m not the one in charge of site content, only an intermediary / tech backup) but you can see this live on http://www.pierresetcharme.fr/

Visit that page in Google Chrome, right-click the brownish-grey background area between the left sidebar and the first/left slider image and select “Inspect element…” This will open (as you probably know) the developer inspector at the level of div#main > div.main_color > div.container where in the Styles pane you’ll notice the top-most rule applied:

.html_header_sidebar.html_content_align_left .container {
  float: none;
}

Uncheck that float: none and you’ll see the effect.

Hope that will tell you more about how to reproduce the issue :)