: How to hide html elements in mobile mode only I'm working with the following code on my squarepace Pacific template via the html code injection (the code creates a white double lined border

I'm working with the following code on my squarepace Pacific template via the html code injection (the code creates a white double lined border around the page):

<head>
<style>
body {
margin:0px;
background-image: url(http://static1.squarespace.com/static/56df76e4356fb0e00c7e94da/t/5703667a27d4bdaccf43195e/1459840646163/paper_box_texture+CMYK.jpg);
}
.top, .left, .right, .bottom {
display: block;
position: absolute;
width:100%;
height:180%;
}
.top {
border-top: 1em double #fff ; top: 40px; z-index:100;
}
.left {
border-left: 1em double #fff ; left: 40px; z-index:200;
}
.right {
border-right: 1em double #fff ; right: 40px; z-index:300;
}
.bottom {
border-bottom: 1em none #fff; bottom: 200px; z-index:400;
}
</style>
</head>
<body>
<div class="top"></div>
<div class="left"></div>
<div class="right"></div>
<div class="bottom"></div>
</body>
</html>

It works on the desktop mode but for mobile it cuts off the copy:

Does anyone know how to enable this border on desktop but remove it for mobile device?

Thanks!

10.01% popularity Vote Up Vote Down

: How to change color of instances of a symbol I have symbol in flash cs5 library. and make some instances of it in stage. is it possible to change color of one instance without changing color

@Sherry646

Posted in: #AdobeFlash #Cs5

1 Comments

: Linear color modification in photo and video editing I have a specific, rather obvious method of modify colors in an image in my mind, but can't find the tools in common graphic programs such

@Sherry646

Posted in: #Color

1 Comments

: I can't join lines in Illustrator. CMD-J gives an error We're doing a project for our university, where we have to lasercut some gears. We've found a template for our gears online, but somehow

@Sherry646

Posted in: #AdobeIllustrator

2 Comments

: What are the Google Slide background dimensions? I need to resize an image to use as a background in Google Slides. I need to know the height to width ratio so that I can make the appropriate

@Sherry646

Posted in: #PresentationDesign

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Reiling762

Use CSS to not display these divs below a particular break point. (I use 400px in the example below, but you can set that to whatever you want.)
@media screen and (max-width: 25rem) { /* 400 px */

.top, .left, .right, .bottom {
display: none;
}

}

10% popularity Vote Up Vote Down

Feed

: How to hide html elements in mobile mode only I'm working with the following code on my squarepace Pacific template via the html code injection (the code creates a white double lined border

More posts by @Sherry646

: How to change color of instances of a symbol I have symbol in flash cs5 library. and make some instances of it in stage. is it possible to change color of one instance without changing color

: Linear color modification in photo and video editing I have a specific, rather obvious method of modify colors in an image in my mind, but can't find the tools in common graphic programs such

: I can't join lines in Illustrator. CMD-J gives an error We're doing a project for our university, where we have to lasercut some gears. We've found a template for our gears online, but somehow

: What are the Google Slide background dimensions? I need to resize an image to use as a background in Google Slides. I need to know the height to width ratio so that I can make the appropriate

Login to post a comment!

1 Comments

Back to top | Use Dark Theme