Mobile view. Move search bar and shopping cart to header, disable footer bar.

Hi there @boppar ??

Thank you for reaching out. I’d be happy to help you with this.

I understand that by default Storefront has a sticky Handheld Footer bar. In my case it shows the search bar and shopping cart (not my account).

I guess there are some advantages to have a sticky Handheld Footer bar. However if I (in mobile view) would like to remove the footer bar and have the search bar and shopping cart in the header (not sticky), what would be the best way to achieve this?

In such case, I’d recommend hiding the footer bar, via CSS, for the mobile viewport, and including the search and cart as icons in the mobile menu up-top.

I trust that points you in the right direction, but if you have more questions, let us know.

We’re happy to help.

• This reply was modified 11 months, 3 weeks ago by anastas10s. Reason: typo
• This reply was modified 11 months, 3 weeks ago by anastas10s. Reason: typo

Hello @anastas10s

Your suggestion is to include search and cart as icons inside the mobile menu. I already have them included, but not as icons. I would like to have seach and cart icons in the header next to the mobile menu.

Instead of looking like this:
https://ibb.co/gDBP9f5

I would like to look like this:
https://ibb.co/SXDbX5G

Is there a way to get those icons in the header?

A correction of what I wrote in the first post.

In mobile view I would like to remove the footer bar and have the search bar and shopping cart in the header next the logo. It should be sticky.

• This reply was modified 11 months, 3 weeks ago by boppar.
• This reply was modified 11 months, 3 weeks ago by boppar.

Hey @boppar!

Thanks for clarifying and sharing the screenshots.

This will require some additional custom code. I’m leaving this thread open so that others might be able to help with that.

I can also recommend the WooCommerce Developer Resources Portal for resources about WooCommerce development.

You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there too.`

Please let us know if you have any questions.

Have a wonderful day!

That wasn’t not the support I expected. Normally Storefront support is excellent.

Hi there @boppar ??

From what I gather, the feature set offered with Storefront is not sufficient for your store’s needs.

Kindly note that, there are also child themes available (linked here), along with the Storefront Extensions Bundle (linked here). They are designed to offer further options, to situations where more customizations are needed.

Otherwise, feel free to explore other themes that might be suitable for your store’s needs. Deco, Kirana, and Bookix, all offer the icons you’d rather have up-top in their mobile viewports.

I trust that points you in the right direction, but if you have more questions, let us know.

We’re happy to help.

Hi @anastas10s
Thanks for your reply.

I’ve looked at the child themes. Half of the child themes have about 1000 or less installations. Only three child themes have reviews (3-7 reviews). Quite a few of them havn’t been updated the last 4 years. It says “The theme may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.” Anyway, all of the child themes have sticky Handheld Footer bar which I want to avoid. Meaning a child theme won’t resolve my problem.

Storefront Extensions Bundle includes a dozen plugins. I do my very best to avoid plugins that are not absolutely necessary. I can’t see any of the plugins included in Storefront Extensions Bundle will solve my current problem.

Of course there other themes that in mobile view have logo, search bar and shopping cart sticky in the header (btw Kirana and Bookix don’t have it). I’ve been using Storefront all the time as I appreciate it’s leightweight, fast and without unnecessary features. If possible I want to continue using Storefront.

IMO it’s a pity Storefront by default have a sticky Handheld Footer bar. Just about no webshops I’ve seen use a sticky Handheld Footer bar.

Storefront is a great theme. It would be great if somebody knows how to make the search bar, shopping cart and logo sticky in the header.

Hi there @boppar ??

Thank you for reaching back, clarifying things further.

I’ve been using Storefront all the time as I appreciate it’s leightweight, fast and without unnecessary features. If possible I want to continue using Storefront.

IMO it’s a pity Storefront by default have a sticky Handheld Footer bar. Just about no webshops I’ve seen use a sticky Handheld Footer bar.

Storefront is a great theme. It would be great if somebody knows how to make the search bar, shopping cart and logo sticky in the header.

To the contrary, I’ve always considered Storefront’s sticky footer bar one of its coolest features, by the way.

Please note that we can’t provide support for code customization as per our support policy. Still, if you need customization, we do our best to offer advice and direct you to appropriate resources. Based on the feedback we get from our customers, we highly recommend contacting one of the services on our Customization page.

Otherwise, I’d suggest consider transitioning to a block-based theme, like TT3.

I hope this is helpful!