-
AuthorPosts
-
July 3, 2014 at 8:32 pm #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
July 3, 2014 at 10:57 pm #286915Hey 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!
JosueJuly 4, 2014 at 12:29 pm #287145Hi 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.jpgThanks.
Chrys
July 4, 2014 at 1:03 pm #287159Hi!
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!
YigitJuly 4, 2014 at 1:11 pm #287163Hi 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 #287199Hi!
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 folderCheers!
YigitJuly 4, 2014 at 3:45 pm #287222Hi 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 #287224Hi!
Can you set to display boxed layout for a while so we can inspect elements on your website?
Regards,
YigitJuly 4, 2014 at 3:56 pm #287238Hi 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.jpgThanks
- This reply was modified 10 years, 3 months ago by chryseis.
July 4, 2014 at 4:19 pm #287256Hey!
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 overlappingRegards,
Yigit- This reply was modified 10 years, 3 months ago by Yigit.
-
AuthorPosts
- You must be logged in to reply to this topic.