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

    Hi,

    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.

    https://www.dropbox.com/s/t40z0ebscc23w19/marges.jpg

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

    Kind regards

    Chrys

    #286915

    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 – http://i.imgur.com/ykyztSn.png.

    Cheers!
    Josue

    #287145

    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.

    Screenshot:

    https://www.dropbox.com/s/x8hg84ffi6sd0yv/call.jpg

    Thanks.

    Chrys

    #287159

    Hi!

    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; }}

    Cheers!
    Yigit

    #287163

    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.

    http://www.kriesi.at/support/topic/widgets-on-small-screens/

    Thanks a lot!

    Chrys

    #287199

    Hi!

    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

    Cheers!
    Yigit

    #287222

    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?

    https://www.dropbox.com/s/qvf7yi79yt2qeep/pb.jpg

    Kind regards,

    Chrys

    #287224

    Hi!

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

    Regards,
    Yigit

    #287238

    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 okay..you can see it here: http://www.calliframe.com
    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?

    Thanks

    ________________UPDATE!!

    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..

    https://www.dropbox.com/s/4z9oupwtu6xa1nt/re.jpg

    Thanks

    • This reply was modified 2 months, 1 week ago by  chryseis.
    #287256

    Hey!

    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

    Regards,
    Yigit

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

You must be logged in to reply to this topic.