Elementor – Add an Interactive Shop Layout with Grid Modification – for Free – with No Plugins

Add this to place images into the Tab Title:

<div><IMG SRC="https://staging3.websquadron.co.uk/wp-content/uploads/2-Col.png" Align="Middle" style="width:30px;text-align:center"><span style="vertical-align:sub;"></span></div>

Add this to Custom CSS for the Tabs to modify the Title Padding:

.elementor-tab-title.elementor-tab-desktop-title {
  padding: 10px;
}

Add this to Custom CSS to modify the Tabs Title Layout for the Mobile:


@media (max-width: 450px) {
  selector .elementor-tabs-wrapper {
    display: flex;
        flex-direction: row;
    justify-content: center;
  }
}
@media (max-width: 450px) {
  selector .elementor-tab-mobile-title {
    display: none;
  }
}

Join our Mastery Membership

Group Support, Private Facebook Group, and Site Reviews.