Drop down menu arrow too close to Accommodation numbers

[Mark Walker]

Hi everyone,

On the Booking Page where the Viewer selects the ‘number’ of Accommodations they wish to Book from their Availability search the Arrow in the drop down menu is over the top of the number of Accommodations available…

Is there a way to add a little more spacing so the number is a couple of mm’s apart from that arrow?

Many thanks,
Mark

p.s: Here’s our modified Campterra site by the way… https://lastminuteglampingwales.co.uk

[Andre Flores]

Hello, Mark!

You may add the following code under Appearance ->Customize ->Additional CSS:

.mphb-reserve-room-section .mphb-rooms-quantity-wrapper select {
	background-position: right 0.5rem top 1.35rem;
}

This is how it will look like: https://prnt.sc/t1vk15. Feel free to alter 0.5rem and 1.35rem values to move the arrow.

Regards,
Andre

[Mark Walker]

Hey Andre!

Thank you so much 🙂

Worked a treat!

Cheers,
Mark

[Andre Flores]

Hello, Mark!

You are most welcome 🙂

Regards,
Andre

[Author]

Posts