---
# System prepended metadata

title: 'Vieux Biclou: Responsive media query styles'

---

# Vieux Biclou: Responsive media query styles

Update the styles in Appareance -> Theme Editor -> Stylesheet (style.css). In the bottom of the file, replace the 640px media query with the follow:

```css

@media screen and (max-width: 800px) {
    .header-share-buttons{
        display: none;
    }
	div.main-contenu{
		float: initial;
		width: initial;
		margin: 0px;
	}
	div.main-barremenu{
		float: initial;
		width: initial;
		margin: 0px;
	}
	div.main-contenu .entry-content, div.main-barremenu .widget{
		border-radius:0px;
	}
	table{
		max-width:100%!important;
	}
	div.main-entete{
		border-radius: 0px;
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 0px;
	}
	div.headerphoto{
		float: initial;
		max-width: 100%;
		width: 100%;
		margin: 0px !important;
	}
	div.headerphoto img{
		margin: 0 auto;
		display: block;
		max-width:100% !important;
	}
	div.headertitle{
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	article{
		margin:0px!important;
	}
	#main, #main > article{
		padding-top:0px!important;
	}
	nav{
		margin-bottom:0px!important;
	}
	.slidedeck_frame{
		display:none;
	}
	#searchform{
		display:none;
	}
}
```