Solved

Dawn theme - multicolumn vertical dividers desktop only

xnyjyh
Excursionist
134 0 6

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

Accepted Solution (1)
VIEKIN
Shopify Partner
653 79 95

This is an accepted solution.

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;
  }
}

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513

View solution in original post

Replies 4 (4)

VIEKIN
Shopify Partner
653 79 95

Hi,

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

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
VIEKIN
Shopify Partner
653 79 95

This is an accepted solution.

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;
  }
}

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
xnyjyh
Excursionist
134 0 6

Worked great! thank you VIEKIN 🙂

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.

VIEKIN
Shopify Partner
653 79 95

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

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513