I have a General Footer with a contact form, it is shown on all pages.
On the Contact page there is also a contact form. For this page I have created an extra footer, the Contact Page Footer, without a contact form. Otherwise there are 2 contact forms on that page.
How can I hide the General Footer on the Contact Page and only show the Contact Page Footer on this page?
Question 2:
On mobile, I want the columns to be centered and stacked vertically with some space in between the sections. Right now the Contacts section is spaced correctly, but then the next two sections are shown not centrally spaced and without space vertically between the sections. How can I correct this?
The answer to your first question is yes, I want to remove that General Footer from the contact page and set a different footer there, the Contact Page Footer, without the contact form.
The Column Settings were already like in your screenshot. I copied those settings to the Inner Column Settings and now the Contact and the Menu are spaced correctly, only the Socials are still not centered on mobile. See attached screenshot.
1. Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
2. Add this into the Custom CSS box in your Salient Theme Options panel:
@media only screen and (max-width: 690px) {
.nectar-global-section.before-footer {
justify-content: center
}
}
As for the spacing, add padding to each of the columns in the footer for mobile devices to add spacing to the columns. Here's a screenshot of the same.
Hi there,
Question 1:
I have a General Footer with a contact form, it is shown on all pages.
On the Contact page there is also a contact form. For this page I have created an extra footer, the Contact Page Footer, without a contact form. Otherwise there are 2 contact forms on that page.
How can I hide the General Footer on the Contact Page and only show the Contact Page Footer on this page?
Question 2:
On mobile, I want the columns to be centered and stacked vertically with some space in between the sections. Right now the Contacts section is spaced correctly, but then the next two sections are shown not centrally spaced and without space vertically between the sections. How can I correct this?
Thanks in advance,
best regards,
Mac van Ketwich
Attached files: Screenshot_20240408_112856_Chrome.jpg
Hi there,
Thank you for reaching out to us.
1. To clarify, do you want to remove the foother in this screenshot from your contact page?
2. Since you have created the footer using global sections, try adjusting these settings in the Column settings to center the content.
Try this and let us know how it goes.
Cheers,
Hi Andrew,
Thanks for getting back so quickly.
The answer to your first question is yes, I want to remove that General Footer from the contact page and set a different footer there, the Contact Page Footer, without the contact form.
The Column Settings were already like in your screenshot. I copied those settings to the Inner Column Settings and now the Contact and the Menu are spaced correctly, only the Socials are still not centered on mobile. See attached screenshot.
Attached files: Screenshot_20240408_131230_Chrome.jpg
Hi Mac,
Thank you for getting back to us.
1. Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.page-id-3583 .nectar-global-section.before-footer { display: none; }2. Add this into the Custom CSS box in your Salient Theme Options panel:
@media only screen and (max-width: 690px) { .nectar-global-section.before-footer { justify-content: center } }As for the spacing, add padding to each of the columns in the footer for mobile devices to add spacing to the columns. Here's a screenshot of the same.
Try this and let us know how it goes.
Thanks