Quote from Peter Kam on April 29, 2021, 10:49 pm

Invisible Text in Search items box for Menu and variable price

Thanks for contacting us. You can use the following CSS to make sure that text in the input box displays properly.

.fdm-menu-filtering input.fdm-filtering-text-input {
padding: 0 10px !important;
line-height: 1 !important;
color: black !important;
}

You can add this CSS to the active theme's style.css

Quote from Peter How on May 3, 2021, 6:07 pm

Your upgrade code is:

ntLC4nxYEp4tnn56eCIJ

Quote from Peter Kam on May 5, 2021, 7:11 am

Add this CSS for proper text alignments in mobile devices.

@media (max-width: 450px) {
.fdm-item-panel {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.entry-content img {
max-width: 100%;
order: 1;
}
li.fdm-item-has-image .fdm-item-panel p {
padding: 0 !important;
order: 2;
}
.fdm-item-content {
order: 3;
}
.fdm-item-price-wrapper {
order: 4;
width: auto;
}
.fdm-options-add-to-cart-button {
order: 5;
display: initial;
width: auto;
margin: 0;
}
li.fdm-item:not(:last-of-type) {
border-bottom: 2px dashed red;
margin-bottom: 1em;
padding-bottom: 1em;
}
}

Quote from Peter Kam on June 9, 2021, 10:14 am

Cart window size too big and text color too light for Mobile Phone

@media (max-width: 450px) {
#gtranslate_wrapper {
position: fixed;
z-index: 999999;
background: white; --- OPTIONAL
left: 0;
right: 0;
top: 0;
padding: 10px 20px;
}
.fdm-ordering-sidescreen {
top: 55px;
width: 100%;
}
}