Dawn theme - multicolumn vertical dividers desktop only

Store Design
, , ,
1

Hello, Im trying to add vertical dividers as seen in the images below for desktop only and no lines in mobile. The image below shows in red how i want them. Thank you.

add vert dividers.png
add vert dividers.png1883×210 12.6 KB

2

Hi,

You need to make it by css, if you want can drop your url store here to easy for check.

3

Hi,

This is solution for you.

you go to assets/base.css and add the code bellow to at bottom of file:

@media screen and (min-width: 750px){
  .multicolumn-list .grid__item:not(:last-child) {
    border-right: 1px solid currentColor;
  }
}
1 Like
4

Worked great! thank you VIEKIN :slightly_smiling_face:

Since I have you right now, how can I have a small icon/image to the left side of text and title inline? rather then default on top.

5

you should upload image icon then style it to left hand of text by css