Sidebar on accommodation pages

[Talha Umer Farooqi]

hi
there is a default accommodation page that i am using as butt lodges 1.

i created another one through saving the original as template and re created as butt lodges 2.

now both pages appear ok but on butt lodges 2 (template based) page there appears a sidebar, how can we hide it?

URL list from Wednesday, Jun. 3 2020 17:43 PM

Butt Lodges I | Butt Brothers Group:

Butt Lodges I

Butt Lodges 2 | Butt Brothers Group:

Butt Lodges 2

[Andre Flores]

Hi, Talha!

Add the following code under Appearance ->Customize ->Additional CSS:

.page-id-876 #secondary {
	display: none;
}
.page-id-876 #primary {
	width: 100%;
}
.page-id-876 #main {
	max-width: 100%;
}
.page-id-876 .wrapper.clear {
	width: 100%;
	max-width: none;
}
@media (min-width: 992px) {
.page-id-876 .wrapper {
	padding-left: 0;
	padding-right: 0;
}}

This will make the Butt Lodges 2 page looking like Butt Lodges 1 page.

Regards,
Andre

[Talha Umer Farooqi]

I have applied the same to the homepage also but now the footer is being cropped from the left…

https://pasteboard.co/JckqyFp.png

[Andre Flores]

Hello, Talha!

Does this happen on specific screen resolution? I have checked your Home page and the footer looks fine: https://prnt.sc/sx2p3u. Let me know if you have managed to resolve the issue.

Regards,
Andre

[Talha Umer Farooqi]

Hi it’s on all screens, but this issue is specifically on the homepage…
https://pasteboard.co/Jcq923M.png

[Talha Umer Farooqi]

Testing on chrome

[Andre Flores]

Hello, Talha!

I was able to replicate the issue on specific screen resolution. In order to fix it add the following CSS code under Appearance ->Customize ->Additional CSS:

@media (min-width: 992px) and (max-width: 1469px) {
.site .site-wrapper .site-footer .content-bottom-widgets {
	margin: 0 auto;
}}

Regards,
Andre

[Author]

Posts