- This topic has 10 replies, 2 voices, and was last updated 3 years, 8 months ago by Hans.
-
AuthorPosts
-
July 11, 2020 at 4:18 pm #252679HansParticipant
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
July 12, 2020 at 2:03 am #252718tikaramKeymaster@@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,
TikaramJuly 12, 2020 at 5:55 am #252721HansParticipantHi Tikaram,
Works perfectly. Thanks
have a nice dayHans Hagmeijer
July 12, 2020 at 11:58 pm #252779tikaramKeymaster@toerfiets: Glad to know that it worked. You too have a nice day.
Regards,
TikaramJuly 14, 2020 at 4:20 am #252891HansParticipantHi 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
July 14, 2020 at 7:43 am #252916HansParticipantHi 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
July 14, 2020 at 11:40 pm #252970tikaramKeymaster@toerfiets: : Please add the following additional css and let me know.
@media screen and (min-width: 64em) { .content-area { max-width: 925px !important; } }
Regards,
TikaramJuly 15, 2020 at 3:37 am #252996HansParticipantHi Tikaram,
That worked great. Thanks.
Have a nice day.Hans Hagmeijer
July 15, 2020 at 3:40 am #252997HansParticipantHi 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
July 17, 2020 at 2:14 am #253238tikaramKeymaster@toerfiets: Can you please post the screenshot so that I can have a look and provide the fix.
Regards,
TikaramJuly 17, 2020 at 3:06 am #253242HansParticipantHi 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
-
AuthorPosts
- The topic ‘Sidebar smaller’ is closed to new replies.