Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 3, 2014 at 8:32 pm #286854
    chryseis

    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

    July 3, 2014 at 10:57 pm #286915
    Josue

    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

    July 4, 2014 at 12:29 pm #287145
    chryseis

    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

    July 4, 2014 at 1:03 pm #287159
    Yigit

    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

    July 4, 2014 at 1:11 pm #287163
    chryseis

    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.
    https://kriesi.at/support/topic/widgets-on-small-screens/

    Thanks a lot!

    Chrys

    July 4, 2014 at 2:20 pm #287199
    Yigit

    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

    July 4, 2014 at 3:45 pm #287222
    chryseis

    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

    July 4, 2014 at 3:49 pm #287224
    Yigit

    Hi!

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

    Regards,
    Yigit

    July 4, 2014 at 3:56 pm #287238
    chryseis

    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 10 years, 5 months ago by chryseis.
    July 4, 2014 at 4:19 pm #287256
    Yigit

    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 10 years, 5 months ago by Yigit.
  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.