Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2021 at 2:11 am #1295903
    KMC DC

    Hey team

    I would like a footer on my homepage that is different from the rest of the site. Is there a way I can do this? One option I thought was, can I have a column that is hidden on one page, but not others?

    Also, can have a widget that is displayed on one page but not the others?

    Thanks so much for your suggestions

    April 22, 2021 at 2:49 pm #1296079
    Nikko

    Hi KMC,

    We can use CSS to hide the footer for a specific page and then just use the Advanced Layout Builder to create a custom footer.
    Just give us the link to the page you want to hide the footer and we’ll give you some CSS code that should work.

    Best regards,
    Nikko

    April 28, 2021 at 11:55 pm #1297235
    KMC DC

    Thank you Nikko

    I think the easiest is to present the custom footer on the homepage. Here is the current page we are using.

    Thanks

    April 29, 2021 at 5:41 am #1297253
    Nikko

    Hi KMC DC,

    Thanks for giving us the link you can hide it using this pattern .page-id-xx #id where xx is the ID of the page and the id after # is the ID or Custom ID Attribute of the section or element, in the link you gave here’s an example code:

    .page-id-18488 #footer {
    display: none;
}

    Hope you’ll find this helpful.

    Best regards,
    Nikko

    May 3, 2021 at 12:38 am #1297822
    KMC DC

    Thank you. Just curious. If I wanted to add a replacement element for that page only, what would I have to do?

    Cheers

    May 3, 2021 at 4:19 am #1297835
    Nikko

    Hi KMC DC,

    You just need to do add the replacement element on that specific page, then use the code above and add to Quick CSS, then modify the page-id-number and the #ID and set it to display none.
    I hope this helps.

    Best regards,
    Nikko

    May 5, 2021 at 10:48 pm #1298697
    KMC DC

    Nikko, I didn’t fully follow. The first bit of code hides the entire column when you use the section ID. So, how would I replace that column content?

    May 7, 2021 at 3:33 pm #1298973
    Nikko

    Hi KMC DC,

    The instruction I gave is basically applicable if the section you want to hide is not in the content of the page like the footer.
    But if it’s in the content then you just need to create two elements (one for desktop and one for mobile) then just use the Element Visibility in Advanced > Responsive to hide/show the element in certain devices.
    I hope it’s clear, if not please let us know.

    Best regards,
    Nikko

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