Docs

[bak]

Hi

I have custom code as per below. I do not want to apply it to mobile view where you have a 1 cloumn layout.

How can I achieve this?

.triangle_2 {
position: relative;
}

.triangle_2:after{
top:50%;
margin-top:-35px;
height:0;
margin-right:-69px;
right:100%;
margin-left:0;
transform: rotate(270deg);
content: “”;
display: block;
position: absolute;
border-width: 35px;
border-style: solid;
border-color: #bdc0cb transparent transparent;
width:0;
}

[Christopher]

Hi there,

Please update your code to :

@media (min-width:767px){
.triangle_2 {
position: relative;
}

.triangle_2:after{
top:50%;
margin-top:-35px;
height:0;
margin-right:-69px;
right:100%;
margin-left:0;
transform: rotate(270deg);
content: "";
display: block;
position: absolute;
border-width: 35px;
border-style: solid;
border-color: #bdc0cb transparent transparent;
width:0;
}
}

Hope it helps.

[Author]

Posts