[leotrim77]

hey team hope you’re good
I was looking on ‘help section’ here in this forum and I found something that I want.

I want my website to be full width like this website: http://54.83.45.133/2006/03/14/holi-australia-tour-2006/

so my website is: http://www.leooglobe.com/category/tutorials/

full width menu and <div id=”page” class=”hfeed site”>
all my website page to be full width, look this photo: http://s19.postimg.org/u7ob9kaxv/fafawf.png

hope you are understanding what I am saying.

[Mahesh]

Hi @leotrim77,

Yeah we’re good, hope you’re doing good too.

For making your website fullwidth, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

div#page{
    width: auto;
}

There are some CSS code errors in your custom CSS please fix those too.
1. Closing curly brace missing at the end of your custom CSS i.e.

.page-header {
padding: 0px 20px 0px 0px;

should be like

.page-header {
padding: 0px 20px 0px 0px;
} 

Regards,
Mahesh

[leotrim77]

woow exactly how I wanted, perfect 😛 😛

could you give me code also full width of header and menu bar … ?! not for full page of my website, I just want to save codes because maybe I will make some changes later.
and look if I have any css errors!!?

thanks Mahesh

[Mahesh]

Hi @leotrim77,

To make only header and menu bar full width, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:

div#page {
    width: auto;
}

#content {
	width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 1280px) {
	#content {
	    width: 1100px;
	}
}

@media screen and (max-width: 1152px) {
	#content {
	    width: 1040px;
	}
}

@media screen and (max-width: 1100px) {
	#content {
	    width: 960px;
	}
}

@media screen and (max-width: 990px) {
	#content {
	    width: 740px;
	}
}

@media screen and (max-width: 767px) {
	#content {
	    width: 660px;
	}
}

@media screen and (max-width: 700px) {
	#content {
	    width: 560px;
	}
}

@media screen and (max-width: 600px) {
	#content {
	    width: 520px;
	}
}

@media screen and (max-width: 540px) {
	#content {
	    width: 460px;
	}
}

@media screen and (max-width: 480px) {
	#content {
	    width: 380px;
	}
}

@media screen and (max-width: 400px) {
	#content {
	    width: 320px;
	}
}

@media screen and (max-width: 319px) {
	#content {
	    width: 100%;
	}
}

Note: For this please make sure you have removed all the CSS from Custom CSS that defines width for #main and .site divs.

Regards,
Mahesh

[leotrim77]

thanks mahesh thank you, I appreciate your help …!!

one thing else, I know that this is not good for you but I would like now to remove it from my site, I am talking about: All Rights Reserved. | Catch Responsive by Catch Themes”

I kept 2 month this message but I would like to remove it now because I don’t know :S I want my website to look more professional.

Catch Responsive by Catch Themes and link on it :S

[Mahesh]

Hi @leotrim77,

This feature is available in Catch Responsive Pro by default. But if you want to remove it anyway, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#site-generator {
    display: none;
}

If you prefer to completely remove it hard-coded, then you have to do it creating the child theme.

Regards,
Mahesh

[leotrim77]

nothing happens, the message is still

[Mahesh]

Hi @leotrim77,

I checked your site, and you have some “——–” in your Custom CSS which is causing the issue. Remove these and it will fix the issue.

Regards,
Mahesh

[Author]

Posts