/*** START food & drink menu changes ***/
/* START food & drink menu - change alignment and margins */
.fdm-section-header {
text-align: center;
}
.fdm-menu,
.fdm-section {
padding-left: 0 !important;
}
/* END food & drink menu - change alignment and margins */
/* START food & drink menu - items in two columns */
/* add **hws-2-columns** to module class with the menu shortcode */
@media(min-width: 1025px) {
.hws-2-columns .fdm-section {
clear: both;
}
.hws-2-columns .fdm-item {
float: left;
width: 50%;
}
.hws-2-columns .fdm-item:nth-child(2n) {
clear: left;
}
.hws-2-columns .fdm-item:nth-child(even) {
padding-right: 2em;
}
.hws-2-columns .fdm-item:nth-child(odd) {
padding-left: 2em;
}
}
/* END food & drink menu - items in two columns */
/* START food & drink menu - smaller image sizes on tablet and mobile
*/
@media all and (min-width: 451px) and (max-width: 1024px) {
.fdm-item-image {
width: 20% !important;
}
.fdm-item-has-image .fdm-item-panel p {
padding-left: 22% !important;
}
.fdm-item-has-price .fdm-item-panel p {
padding-right: 12% !important;
}
.fdm-item-price-wrapper {
width: 12% !important;
}
}
/* END food & drink menu - smaller image sizes on tablet and mobile
*/
/* START food & drink menu - special headers */
.fdm-item-special { color: #ffffff !important; }
.fdm-item-featured { background-color: #003882 !important; }
.fdm-item-sale { background-color: #003882 !important; }
.fdm-item-offer { background-color: #003882 !important; }
/* END food & drink menu - special headers */
/*** END food & drink menu changes ***/
Code language: PHP (php)Food & Drink menu: improve default styling {#food-drink-menu-improve-default-styling}
Last updated:
Categories: Uncategorized