I’ve tried to remove all the custom CSS but the issue wasn’t resolved. Anyone has an idea?
Thank you!
This is my additional CSS. Can anything be conflicted with the responsive markup?
.wp-block-columns {
flex-wrap: inherit;
margin: 0%;
padding: 0%;
}
.wp-block-column:nth-child(odd) {
margin: 0%;
padding: 0%;
}
.site-header {
margin-left: 5%;
margin-right: 5%;
max-width: 1100px;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
max-width: 1100px;
}
body {
font-family: avenir;
font-size: 13pt;
color: #e66251;
}
.entry-title {
display: none;
}
.menu-toggle {
border: none;
margin: 0;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: transparent;
color: black;
}
.main-navigation li {
border: none;
}