FooterBar

Hi There,

The easiest method is to use ablock element - site footer:
https://docs.generatepress.com/article/block-element-site-footer/

There're some pre-built templates you can import and start with.

Hello,

I have been trying to place the copyright section in the center (mobile view) (editing in the sitefooter elements), also I want to increase the mobile width of the search bar as shown in the screenshot.

Please help me I have cleared the site cache and also checked on mobile but I cannot see any changes.
Also, I want to remove the white space below the footer.

Regards

Hi there,

can you share a link to the site where we can see the issue ?

Hi,

sure

1. The copyright.
Select the Headline Block.
Switch the preview to Mobile.
With the headline block still selected its Toolbar will now appear in the Topbar. From there set its Alignment to center. It will apply just to the mobile view.

2. Try adding this CSS to override the fixed width inline style on the search field:

@media(max-width: 768px) {
    .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
        width: auto !important;
    }
}

The search bar on the mobile view is still of the same size despite adding the CSS.

Select the Column container that the search block is inside.
Switch to Mobile Preview, and in the sidebar settings set the width to 100%.
Currently its set to 70% so the search bar will never be wider then 70% of the device.

Thanks, it's done. Also, if we want to increase the search bar size in the desktop view, how will it be possible?

Also, how can I remove the white space below the footer?

I have figured it out. It was a paragraph block below the footer. :-p

Glad to hear that !