• This topic has 10 replies, 2 voices, and was last updated 3 weeks ago by Hans.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #252679
    Hans
    Participant

    Hi,

    The site’s url is Hagmeijer.nl
    As you can see there are two parts: one content part and one sidebar part.
    The sidebar contains text widgets.
    We should make some columns about different subjects in the sidebar.
    We should like to have a smeller sidebar, so the content are can be wider.
    I tried a number of solutions from the support pages, but nothing works.
    Problably I did not search deep enough.

    Is there a solution for this “problem”?

    Kind regards

    Hans Hagmeijer

    #252718
    tikaram
    Keymaster

    @@toerfiets: Login to your WordPress admin. Go to Appearance => Customize => Additional css and add the following css.

    @media screen and (min-width: 64em) {
    	.site-content .sidebar {
    		margin-left: 75.46%;
    		max-width: 400px;
    		width: 30%;
    	}
    	.content-area {
    		max-width: 1000px;
    	}
    }

    Let me know if this helps resolve the issue.

    Regards,
    Tikaram

    #252721
    Hans
    Participant

    Hi Tikaram,

    Works perfectly. Thanks
    have a nice day

    Hans Hagmeijer

    #252779
    tikaram
    Keymaster

    @toerfiets: Glad to know that it worked. You too have a nice day.

    Regards,
    Tikaram

    #252891
    Hans
    Participant

    Hi Tikaram,

    Sunday it looked like the problem was solved. Now I want to have a smaller gap between sidebar and content and I failed. When I change css nothing happens. The site URL is Hagmeijer.nl

    Kind regards

    Hans Hagmeijer

    #252916
    Hans
    Participant

    Hi Tikaram,

    Additional remarks:

    I can make the sidebar smaller or wider. That is ok. But the width of the content area isn’t changeable one way or another. Now there is a boog gap between text of content area and the sidebar.

    Is there a solution for this question?

    Kind regards

    Hans Hagmeijer

    #252970
    tikaram
    Keymaster

    @toerfiets: : Please add the following additional css and let me know.

    @media screen and (min-width: 64em) {
    	.content-area {
    		max-width: 925px !important;
    	}
    }

    Regards,
    Tikaram

    #252996
    Hans
    Participant

    Hi Tikaram,

    That worked great. Thanks.
    Have a nice day.

    Hans Hagmeijer

    #252997
    Hans
    Participant

    Hi Tikaram,

    I tested it on dekstop: it was fine.
    After that I tested it on landscape on iPad and it isn’t well. Text from text area en the sidebar are mixed now. Is there a solution for?

    Kind regards

    Hans Hagmeijer

    #253238
    tikaram
    Keymaster

    @toerfiets: Can you please post the screenshot so that I can have a look and provide the fix.

    Regards,
    Tikaram

    #253242
    Hans
    Participant

    Hi Tikaram,

    I think I have solved the problem. I think I caused the problem myself. Many and many changes and experimenting.Than I think this kind of problems can occur. 🙂
    Yesterday II reinstalled the template and now the problem seems over.

    Thanks for reacting an have a nice weekend.

    Hans Hagmeijer

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Sidebar smaller’ is closed to new replies.