The repo for Purrform's main BigCommerce store.
20 images on nav menu (#21)
authored by
Rogerio Romao
and committed by
GitHub
13c65b51
bd44b26c
+32
-1
+27
assets/scss/custom.scss
+27
assets/scss/custom.scss
···
756
756
}
757
757
@include breakpoint('medium') {
758
758
display: block;
759
+
760
+
#navPages-support {
761
+
.navPage-subMenu-list {
762
+
display: grid;
763
+
justify-content: center;
764
+
}
765
+
}
759
766
}
760
767
.navPage-subMenu-list {
761
768
display: grid;
···
801
808
padding: 1rem;
802
809
text-transform: none;
803
810
811
+
img {
812
+
width: 36px;
813
+
height: 36px;
814
+
object-fit: cover;
815
+
border-radius: 50%;
816
+
border: 1px solid currentColor;
817
+
margin-right: 0.25rem;
818
+
}
819
+
804
820
&.is-open {
805
821
.icon {
806
822
svg {
···
838
854
.navPage-subMenu-item {
839
855
width: 20%;
840
856
.navPages-action {
857
+
display: flex;
858
+
align-items: center;
859
+
gap: 0.5rem;
841
860
border: 0;
842
861
color: $nav-hover-text;
843
862
padding: 0.5rem;
844
863
font-weight: 700;
864
+
865
+
img {
866
+
width: 42px;
867
+
height: 42px;
868
+
object-fit: cover;
869
+
border-radius: 50%;
870
+
border: 1px solid currentColor;
871
+
}
845
872
}
846
873
847
874
.navPage-subMenu-action {
+2
-1
config.json
+2
-1
config.json
···
1
1
{
2
-
"name": "no image on category page",
2
+
"name": "images in nav menu",
3
3
"version": "6.10.0",
4
4
"template_engine": "handlebars_v4",
5
5
"meta": {
···
91
91
"gallery_size": "300x300",
92
92
"productgallery_size": "500x659",
93
93
"product_size": "500x659",
94
+
"category_thumb_size": "42x42",
94
95
"productview_thumb_size": "80x80",
95
96
"productthumb_size": "100x100",
96
97
"thumb_size": "100x100",