Button "Booking Now£ On Mobile Device - Question | JoomShaper

Button "Booking Now£ On Mobile Device

G

giampaolo

Template 1 week ago

Good morning, I would like to know how to display the "Booking Now" button in the Travelkit template, which is located at the top right in the "menu" position on mobile devices.

0
9 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #220297

Hello,

Thanks for reaching out to us.

Please, use this custom css, you may check this documentation from here: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#documentation-heading-3

@media (max-width: 575px) {
    #sp-header .sp-module {
        display: block !important;
    }
}

Thanks

0
G
giampaolo
Accepted Answer
6 days ago #220323

OK thanks but I would like to see only the button and not the language flags

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 6 days ago #220372

Could you please let me know which language flag?

Thanks,

0
G
giampaolo
Accepted Answer
6 days ago #220401

I don't understand what the language of the flag has to do with it, but the flags are Italian and English. Maybe I didn't explain the ones I need well. I'd like the "Book Now" button to appear in the top bar of the mobile version, but not the little flags where you switch languages. I hope I was clear.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 days ago #220484

Please, share your website url with me.

Thanks

0
G
giampaolo
Accepted Answer
5 days ago #220513
0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 5 days ago #220515

Go to Content → Site Modules, where you’ll find the module assigned for the language switcher. Disable that module.

Then, create a new module using SP Page Builder, add a “Book Now” button, and assign it to the same position.

Thanks 🙂

0
G
giampaolo
Accepted Answer
4 days ago #220551

Maybe I didn't explain myself clearly. So the desktop version is fine as is, including the language switcher module. In the mobile version, I only need the "Book Now" button to be visible and not the flags in the language switcher module. Is that possible?

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 days ago #220604

Yes, you can—but it requires a bit of CSS to control visibility based on screen size.

Create a new module and assign it to the same position as the language switcher. Then use CSS to hide one module on mobile and the other on desktop.

Thanks

0