Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #163477

    In fixed-layout mode in Enfold version 2.1 when resizing the browser to less than 910px – i.e. when the horizontal scrollbars appear, the page structure seems to break. Looks like an ugly mess on the right hand side. I don’t see any problems in version 1.9.1. Using WP 3.6


    Hi freeHat!

    We are now on version 2.2 of the theme so first try updating your theme files to 2.2. If we can see the site live we can inspect it and see whats going on as we’ve not had any reports of things breaking at this point.

    Best regards,


    Thanks for the reply.

    I’ve updated to 2.2 and am getting the same behavior. I tried a fresh install on another setup prior to your response and got the same thing too…

    You need to modify hosts file to view the site. Need email or private status on thread to send you info.



    Unfortunately I don’t visit any sites unless they are at least viewable through regular dns entries. The other support crew may have different standards but pushing it live or at least on a test domain would be the best way to view the issue.


    OK, that’s cool. I set up a clean install here. Same behavior. http://demo.thelindata.se/demo2/


    The only error I can see is an odd rendering of the menu width. This should fix that issue though:

    .main_menu ul:first-child > li > a {
    width: 100%;

    This is with testing IE8 live on a windows 7 machine.

    IE9+ had no issues.


    I am experiencing the problem in Chrome v29.0.1547.66. And the problem appears when the browser gets resized to less than 910px. You have to horizontal scroll to the right to see it. It’s pretty bad.


    That is because the theme is currently set to “Static” in the theme settings. This means the responsive settings are turned off so what you are seeing is the correct and intended behavior for that setting.

    You can change the setting by going to the Enfold options> General Settings and changing to either of the Responsive Layouts from the Responsive Layout dropdown.


    I chose this theme specifically because it had a fixed layout option-amongst other things.

    I’m very confused here, are you saying that the default behavior of the fixed layout option coupled with the stretch option is to break the layout?

    If simple options don’t work together then they shouldn’t be available in order to avoid situations like this.

    I’ve spent too many weeks on this project for there not to be a fix. I’ve got to present this site next week so this is potentially a disaster.


    I’m just not clear on what the issue is that you are seeing where the layout is breaking.

    A static layout just means the theme doesn’t respond to the width of the site and the layout stays the same. It shouldn’t be breaking or altered in any way other than the width not adjusting to the width of the screen (including all elements within).

    Can you take a screenshot or screenr.com video of what layout issue is actually happening where the layout is breaking?


    The problem arises when you shrink the window until you get horizontal scrollbars and then scroll over to the right.

    The screenshot is on the homepage.



    I see what you mean now. Not sure what is actually causing it though so I’ve tagged Kriesi to take a look at it and see what might be going on.


    add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:

    html {
    min-width: 910px;

    this should fix the problem. I will add a similar fix to the next theme update. Please be aware that the only thing that actually will cause problems is a fixed header, so if you really want to use the non responsive version of the theme then you should also go with a non-fixed header


Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Broken layout in Enfold 2.1 with fixed width/non-responsive option’ is closed to new replies.