Entry-meta info in header area

[Hans]

I'm using the Enterprise Pro theme. When the screen size adjusts to an iphone-size screen, the entry-meta information for both the entry-header and entry-footer floats up to the header area, obscuring the site title and header-right widget area.

Not sure if I stumbled on a bug in the code, or if it's something I'm doing (or not doing).

Thanks for your help!

[songdogtech]

Have you done any modifications to the CSS or HTML of the theme, and/or are you using a child theme?

[Hans]

These are the only changes I've made. I tried to monitor the appearance of the site after each change, in order to determine the cause of the errant entry-meta values.

body {
background-color: #F9F9F9;
}

.site-inner {
background-color: #F9F9F9;
}

.home-top {
background-color: #FFFFFF;
}

.featured-content .entry-header {
border-bottom: 0px solid #ECECEC;
}

.entry-header {
border-bottom: 0px solid #ECECEC;
}

.featured-content .entry-content {
padding: 3rem 4rem 2rem;
}

.site-header .widget-area {
width: 240px;
}

.content {
width: 70%;
}

.entry {
border: 1px solid #DDDDDD;
padding: 9%;
}

.sidebar-primary {
width: 26%;
}

[songdogtech]

Back up with your CSS changes until the responsiveness is restored. You need to work with the @media queries in style.css when trying to retain responsiveness.

Are you using a child theme?

[Author]

Posts