Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #286854


    I’m wondering how it is possible to have less white space on the right in the sidebar. Can we do something about that without ruining the responsive mode?

    I like that the sidebar is big but all the content stick to the left like on the screenshot and I wish that content to fill the width of the sidebar..

    It’s the same on the left next to the post, there is some space available.

    Can you help or tell me where I have to look for in enfold to work on that?

    Kind regards



    Hey Chrys!

    That remaining space appears when the container wrap doesn’t fill the whole screen (try resizing the window to see what i mean), one thing you can do is select a bigger container width –



    Hi Josue,

    Even when I resize I have a white space and I am at the max responsive layout size…see this screenshot. The screenshot is made on the replica of my live site but on local when i run some tests in order to change some layout of my websites. But if you need to take a look to the live site the address is the one I gave you in the previous message in private data.






    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1140px) and (min-width: 990px) {
    .container { width: 960px; }}
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .container { width: 740px; }}



    Hi Ygit,

    That works when I reduce size window. But can I have the same on my big screen?
    This other topic is now related to this problem. If you can look at it (I don’t know if you can) you’ll understand what I mean.

    Thanks a lot!




    Please add following code to Quick CSS as well

    @media only screen and (min-width: 1140px) { 
    .responsive .container { width: 1120px; }}

    For further customisation, please edit grid.css file inside Enfold/Css folder



    Hi Yigit ,

    It’s great! thanks ! This sidebar problem is solved. I have one concerne about the box layout though
    Now that I’ve seen that on boxed layout I have a problem with the header I’d like to resolve it. I don’t understand why the header won’t adapt on boxed layout.

    I give you the screenshot again. What’s happening with the nav bar? Do you want me to open a new thread?

    Kind regards,




    Can you set to display boxed layout for a while so we can inspect elements on your website?



    Hi Yigit,

    Actually I was making test on a copy of my site I have transferred on localhost. But when doing the same with the live site it’s can see it here:
    The thing is I have lots of custom css on the live site which I deleted on the test site so I hope I won’t have too much trouble when I will customize my live site in a few days..

    Can you just tell me is there is a css class or id to look for that can cause that so that I can investigate on the test site?



    Hi Yigit forget about it, it’s the “let logo and menu position adapt to browser window ” in the header settings that caused that.
    What is the purpose of this option?? i’d like to know..


    • This reply was modified 3 years, 4 months ago by  chryseis.


    It should start with #header selector. If you have any issues, feel free to let us know :)
    Edit: You may be using 1200px layout when you check that option, your logo and menu will be placed on the edges to avoid overlapping


    • This reply was modified 3 years, 4 months ago by  Yigit.
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.