Nisarg remove sidebar

Hello mirkamp,

comment out or remove the statement get_sidebar() function from index.php and page.php.

Falguni

Hello Falguni,

thank you for the tip, the sidebar is gone now. But I thought that the posts will now be wider, but they’re still the same. And the area where the sidebar was is now just blank..

So how can I make the posts wider? So no blank space is there on the right?

Thank you,
Mirka

Removing the sidebar and making it full page width:

wp-content/themes/nisarg/css/bootstrap.css

line 1949:

.col-md-9 {
    width: 75%;
  }

change the width to 100%

And for removing the sidebar:
Remove:
get_sidebar('sidebar-1');

in

wp-content/themes/nisarg/page.php
wp-content/themes/nisarg/index.php

Your welcome ??

Hi webbersky,

thanks for the help! I managed to remove sidebar, but I’m not really familiar with bootstrap.css..

It’s located in this folder:
wp-content/themes/nisarg/css/bootstrap.css

You can’t edit it in WordPress, you will need to download this file from FTP, then edit it and re-upload.

hello!
I’ve the same problem as @mirkamp

Ive done as you said @webbersky but the page is still not full width..
the website im talking about is https://richardstaring.com . you can go on there to see what i mean. do you have any idea how to fix this? i’m pretty desperate haha..

Greetings,
Paul

@media (min-width: 1200px) {
.container {
width: 1200px;
}

on line 1601

change the width to
width: 100%;

and remove the padding

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

on line 1585 if you want it to be full width.

Hope this helps.

Hey!
Thank you so much!!! This is so much better! So glad that it’s finally fixed haha. I do have a few more questions though. The content box has still a little space left on the left and right of it, is it possible to make the width a complete 100%? And I’ve read that i should make it a child theme to keep the changes and not loose them when the theme updates. How do I make it a child theme?

Kind Regards,
Paul Staring

Edit:
I wanted the page at full width so I can use it properly with a page builder, there still seems to be a margin/padding or something inside the box when I build.. how do I fix that? sorry for all the questions..

Try changing:
@media (min-width: 992px) {
.container {
width: 752px;
}
}

line 1597 to width: 100%;

You can use the Inspect function (right click) in your browser to see the CSS and go through it to see what is causing it.

Padding on line 1613. remove
and on style.css line 725

Should give you full width then.

I haven’t done a child theme before but here is WordPress documentation:
https://codex.www.ads-software.com/Child_Themes

Hey!
That inspect function helped a lot and almost everything is solved now ??
I just still dont manage to get the content to the full screen, there is a padding/margin on the left, right and bottom that I cant seem to get rid of…
if you go to https://www.richardstaring.com you can see what i mean, any clue how I can solve that?

Thank you so so much for your support & sorry for spamming this topic

bootstrap.css line 1596

@media (min-width: 992px)
.container {
width: 100%;
}

and line 1613

/* padding-right: 15px; */
/* padding-left: 15px; */
}

remove these 2

Hey, if I do as you say it screws up a couple things on the website, the area where the website title is in the header goes compeletly to the left for example, so I dont think that is the right way to go..

Sorry for my late response, could you give it one more go in trying to make the content area full width?

Ah didn’t notice that, try this:

bootstrap line 4280

margin-right: 15%;
margin-left: 15%;

Or change to what percentage you like best.

That seems to work ?? thank you so much!

My final question (so sorry for bothering u so much), How could i give the site name & menu a little margin on the left when its in mobile mode? It looks just fine on a wide screen but when I enter a smaller screen the margin seems to dissapear