Sidebar on accommodation pages

  • This topic has 6 replies, 2 voices, and was last updated 10 months ago by Andre Flores.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #962338
    Talha Umer Farooqi
    Participant

    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

    #962620
    Andre Flores
    Moderator

    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

    #964781
    Talha Umer Farooqi
    Participant

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

    https://pasteboard.co/JckqyFp.png

    #964914
    Andre Flores
    Moderator

    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

    #964930
    Talha Umer Farooqi
    Participant

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

    #964937
    Talha Umer Farooqi
    Participant

    Testing on chrome

    #965370
    Andre Flores
    Moderator

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.