Return to previous page

How to make the floating menu horizontal and appear on all devices

This topic has 5 replies, 3 voices, and was last updated 1 months, 2 weeks ago ago by Andrew Mitchell

Fareed Fares

Participant

March 23, 2024 at 19:59

I want the floating menu to be horizontal and appear on all devices as well

#388255 Copied Theme version: 9.2.9

4 Answers
Rose Tyler

Support staff

March 24, 2024 at 09:13
Hello, Fareed Fares,

Thank you for getting in touch with us.

Please be informed that you can implement custom CSS code as needed. Below is an example for your reference:
https://prnt.sc/ZYENElKb4qgP > https://prnt.sc/k52vkPhnaL0K
```
.etheme-sales-booster-sticky-panel {
    bottom: 20px;
}
.etheme-sales-booster-sticky-panel ul {
    display: inline-flex;
}
@media only screen and (max-width: 992px) {
    .etheme-sales-booster-sticky-panel.mob-hide, .etheme-sales-booster-sticky-panel .mob-hide {
        display: block;
    }
    .etheme-sales-booster-sticky-panel {
        bottom: 80px;
    }
}
```
Best Regards,
8Theme’s Team
#388308 Copied
Fareed Fares

Participant

March 24, 2024 at 10:32

It worked but how to make it centered and at the bottom of the page?

How to control the spacing between items?

Also, How to link some of the items to the mini/off canvas items instead of normal links?

#388341 Copied

Rose Tyler

Support staff

March 24, 2024 at 16:28

Hello, Fareed Fares,

Upon reviewing your requests, we would like to provide the following clarifications:

1. We regret to inform you that the option you are looking for is not available as per the screenshot provided: https://prnt.sc/W08kP6IAhCF1.

2. While there is an “Item gap” option available as shown here: https://prnt.sc/u66chXL-JsKv, please note that it was designed specifically for use with vertical panels and may not function as intended with horizontal layouts.

3/ The option in question does not exist within our current offerings.

Based on your inquiries, it appears you are attempting to create a configuration that significantly differs from the existing panel’s design. In such a case, we recommend reaching out to our customization team for assistance.
Additional customization is outside the scope of our basic support.
Another option is to utilize a third-party plugin that was initially created to add a panel in the manner you desire.

We appreciate your understanding.

Best Regards,
8Theme’s Team

#388363 Copied

Andrew Mitchell

Support staff

March 24, 2024 at 18:06

Dear Fareed Fares,

Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

Click here to share your insights: https://themeforest.net/downloads

Your support fuels our journey, and we appreciate it more than words can express.

Best Regards,
The 8Theme Team

#388378 Copied
Tagged: all devices menu, floating menu woocommerce, horizontal menu wordpress, responsive woocommerce templates, woocommerce menu settings, wordpress templates customize
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to make the floating menu horizontal and appear on all devices’' has been successfully resolved, and the topic is now closed for further responses

How to make the floating menu horizontal and appear on all devices

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection