I am encountering issues with my Wordpress blog on mobile screens. The "read more" button is not functioning, and the screen size does not fit properly on mobile devices.
Visit abood250.com for more information.
CSS Styling:
/* =Global
----------------------------------------------- */
body {
color: #6B6B6B;
...
}
a {
color: #1FA67A;
...
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #1FA67A;
...
}
...
======================================================================
Mobile-specific CSS code:
/* =Mobile Styling
----------------------------------------------- */
@media (max-width: 768px) {
.pull-right {
float: none !important;
}
.pull-left {
float: none !important;
}
.site-info, .copyright {
text-align: right;
}
.footer-nav.nav, .copyright {
float: none;
}
.site-content {
width: 66%;
}
.flex-caption {
display: none;
}
.navbar > .container .navbar-brand {
margin: 0;
}
.navbar-default .navbar-nav > li > a {
line-height: 20px;
padding: 15px 10px;
}
#footer-area {
display: none;
}
}