display: none;
position: absolute;
top: 0;
- text-align: center;
left: 0;
- right: 0; }
+ right: 0;
+ text-align: center; }
.blocks .overlay:hover:before {
position: absolute;
content: '';
padding: 10px 0; }
.right-off-canvas-menu ul li ul {
list-style: none; }
- .right-off-canvas-menu ul#off-extras li a#ready-off {
- float: none;
- margin: 0 auto;
- height: 69px;
- width: 219px;
- background: url(../assets/ready-to-get-started.jpg) no-repeat;
- background-position: 0 0;
- display: block; }
- .right-off-canvas-menu ul#off-extras li a#ready-off:hover {
- background: url(../assets/ready-to-get-started.jpg) no-repeat;
- background-position: 0px -79px; }
- .right-off-canvas-menu ul#off-extras li a#right-social {
- position: absolute;
- right: 25px; }
+ .right-off-canvas-menu ul#off-extras li {
+ margin-bottom: 10px; }
+ .right-off-canvas-menu ul#off-extras li a#ready-off {
+ float: none;
+ margin: 0 auto;
+ height: 69px;
+ width: 219px;
+ background: url(../assets/ready-to-get-started.png) no-repeat;
+ background-position: 0 0;
+ display: block; }
+ .right-off-canvas-menu ul#off-extras li a#ready-off:hover {
+ background: url(../assets/ready-to-get-started.png) no-repeat;
+ background-position: 0px -79px; }
+ .right-off-canvas-menu ul#off-extras li a#right-social {
+ position: absolute;
+ right: 25px; }
.offcavas-social-list {
list-style: none;
<?php glm_theme_mobile_off_canvas(); ?>
<ul id="off-extras">
<li><a id="ready-off" href="<?php bloginfo('url');?>/contact-us/"></a></li>
- <li>231.487.0692 <a id="right-social"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/facebook-icon.png"></a></li>
+ <li>231.487.0692 <a id="right-social"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/facebook-icon-2.png"></a></li>
</ul>
<ul class="offcavas-social-list">
}
&#off-extras {
li {
+ margin-bottom: 10px;
a {
&#ready-off {
float: none;
margin: 0 auto;
height: 69px;
width: 219px;
- background: url(../assets/ready-to-get-started.jpg) no-repeat;
+ background: url(../assets/ready-to-get-started.png) no-repeat;
background-position: 0 0;
display: block;
&:hover {
- background: url(../assets/ready-to-get-started.jpg) no-repeat;
+ background: url(../assets/ready-to-get-started.png) no-repeat;
background-position: 0px -79px;
}
}