- This topic has 5 replies, 2 voices, and was last updated 7 years ago by Mahesh.
Viewing 6 posts - 1 through 6 (of 6 total)
-
AuthorPosts
-
April 10, 2017 at 5:37 am #113769FrankParticipant
I’d like to have three columns on my homepage (https://blog.frank-muennich.net)
but only two columns on the archives.
Would that be possible? And how?
Best regards,
FrankApril 10, 2017 at 6:28 am #113776MaheshKeymaster@wolpertinger: Which one(sidebar) do you want to remove from the archives page?
Regards,
MaheshApril 10, 2017 at 10:23 am #113793FrankParticipantI want to remove the left (“secondary”) sidebar from the archives page.
Child theme is installed and activated.
Regards,
FrankApril 11, 2017 at 4:06 am #113832MaheshKeymaster@wolpertinger: You can simply hide the third sidebar in archive pages with CSS. Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
.archive #third-sidebar { display: none; } .archive.three-columns .content-sidebar-wrap { width: 100%; float: none; } .archive.three-columns #primary { width: 70%; } @media screen and (max-width: 1024px) { .archive.three-columns #primary { width: 100%; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .two-columns #secondary .widget:nth-child(2n+1), .three-columns #secondary .widget:nth-child(2n+1) { clear: both; } .two-columns #secondary .widget, .three-columns #secondary .widget, .three-columns #third-sidebar .widget, .three-columns.equal #third-sidebar .widget { float: left; margin-left: 20px; width: 47.2%; } .widget { clear: none; } }
If you want to remove it completely through code, I recommend you to hire a customizer.
Regards,
MaheshApril 15, 2017 at 8:36 am #114002April 17, 2017 at 1:17 am #114049MaheshKeymaster@wolpertinger: Thank you for your appreciation. Have a nice day!
Regards,
Mahesh -
AuthorPosts
Viewing 6 posts - 1 through 6 (of 6 total)
- The topic ‘number of columns in archives’ is closed to new replies.