-
AuthorPosts
-
May 31, 2017 at 4:03 pm #802072
Hi There,
I have two sites that currently don’t show the correct container width. I didn’t do anything to either site, just loaded them this morning and noticed the problem.
Site 1 (see below) is set to “stretched Layout” with a maximum container size of 1150px. However, the logo, menu & content now are flush with the edges of my screen, which is quite large. The last time I loaded this site there was white space on either side of the content area, and only the fullscreen elements stretched the whole way across.
Site 2 (see below) is set to boxed layout, with a maximum container size of 1366px, but is is displaying closer to 1000px.
Can you help? I’m running the latest version of Enfold and WP version 4.7.5 on each site.
May 31, 2017 at 4:13 pm #802076Hey 1lizcollins,
From what I see in the browser inspector, you seem to be having some sort of css conflict. Let’s focus on site 1. Search wp-content/uploads/dynamic_avia/sunbridge_theme.css and remove the following:
.responsive .container { max-width: 2000px !important; }
This could also possibly be located in quick css.
Best regards,
Jordan ShannonMay 31, 2017 at 4:19 pm #802081Thanks Jordan – you’re right, that was the problem. I was told to add that code by another support team member for styling reasons, but I didn’t notice at the time that is broke my site. That ticket is now closed – is there any way to reopen it, or do I need to start a new thread? support ticket
Any thoughts on the second site?
And thank you!
May 31, 2017 at 4:52 pm #802097Hi,
Was there any additional css applied to the second site that could be conflicting? It seems to be restrained at 1010px;
Best regards,
Jordan ShannonJune 1, 2017 at 3:58 pm #802619Hi Jordan,
Nothing that I can see. Here are all my css customizations:
#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
text-transform: uppercase;
}
ul.sub-menu {
position: relative !important;
left: 20px !important;
opacity: 1 !important;
visibility: visible !important;
}
ul.sub-menu {
position: relative !important;
left: 0px !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 10000;
box-shadow: none !important;
border-bottom: 1px solid #e1e1e1;
width: 100%;
}
.sub-menu li, .sub-menu li a{
float: none !important;
display: block !important;
}
.sub-menu a{
background: transparent !important;
border: 0 !important;
padding: 5px 8px !important;
}
.main_color .avia-icon-list .iconlist_icon {
background: #49662f;
}
h3.iconbox_content_title {
font-size: 20px !important;
align: center;
}
.iconbox .iconbox_content p:last-child {
color: #50341c !important;
}
.tnp-yellow-box .iconbox_content {
background: #cfa34f !important;
}
.tnp-yellow-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.tnp-orange-box .iconbox_content {
background: #c07b44 !important;
}
.tnp-orange-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.tnp-brown-box .iconbox_content {
background: #93653f !important;
color: #4f321b;
}
.tnp-brown-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.iconbox_content_container .post {
float: none;
}
.tnp-green-box .iconbox_content {
background: #a6b393 !important;
}
.tnp-green-box h3.iconbox_content_title {
color: #50341c !important;
font-size: 20px !important;
}
.avia-icon-list .iconlist_title {
color: #50341c !important;
}
.avia-icon-list .iconlist_icon {
height: 53px;
width: 53px;
line-height: 54px;
font-size: 20px;
border-radius: 500px;
}
media=”all”
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char {
font-weight: bold;
}
.post-meta-infos {
display: none;
}
.slide-meta {
display: none;
}
.iconbox_content_title {
font-weight: bold;
text-transform: uppercase;
font-size: 19px !important;
color: #50341c;
align: center;
}
#top h3 a {
font-weight: bold;
text-transform: uppercase;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
margin-bottom: -28px;
}
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
color: #50341c;
}
body .av-special-heading .av-special-heading-tag {
padding: 2px 0 0 0;
}
li#menu-item-384 a {
color: green !important;
}
li#menu-item-5818 a {
color: #52772f !important;
}
.grid-entry-title {
align-content: center;
}
h3.grid-entry-title.entry-title {
text-align: center;
}
.news-time {
display: none;
}
.news-headline {
font-size: 12px;
text-transform: uppercase;
}
.main_color .heading-color, .main_color a.iconbox_icon:hover, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline, #top .main_color .av-related-style-full .av-related-title, .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .main_color .wp-playlist-item-meta.wp-playlist-item-title {
color: #50341c;
text-transform: uppercase;
}
.responsive.js_active #top .main_color .avia_combo_widget .top_tab .tab {
text-transform: uppercase;
}
h4.entry-title.summary {
font-style: italics !important;
font-size: 15px;
color: #49662f;
}
.recentcomments, .widget_recent_entries li {
font-size: 14px;
}
p.tribe-events-widget-link {
display: none;
}
#footer {
padding: 0 0 0 0;
}
ul, ol {
margin-bottom: 20px;
margin-left: 0px;
}
ul.sub-menu {
border-bottom: none;
}
.category-gear .av-share-box {
display: none!important;
}
.category-gear .av-comment-box {
display: none!important;
}
.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char {
font-weight: bold;
}
.iconbox .iconbox_content a:hover {
color: #ffffff;
}
#top .tribe-events-list-event-title.entry-title, #top .tribe-events-list-event-title {
font-weight: bold !important;
font-size: 23px !important;
}
.avia-button {
border-bottom-width: 0px !important;
}
.avia-button.avia-size-medium {
padding: 5px 10px 6px 12px;
}
b.yks_mc_interest_group_text {
display: none;
}
.tribe-events-list-widget ol li {
margin-bottom: 25px;
}
@media only screen and (max-width: 1225px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 12px; }
strong.logo { width: 20%; }
}
.widget_nav_menu ul:first-child > .current-menu-item > a, .widget_nav_menu ul:first-child > .current_page_item > a {
color: #4f321b;
}
body {
font-size: 14px;
}
.main_color .tnp-brown-box a {
color: #a6b393;
}
@media only screen and (max-width: 990px) {
h1.av-special-heading-tag {
font-size: 20px;
}}
.menu-item-top-level-7 a .avia-menu-text{
color: #52772f !important;
}
@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}#top h3 a {
font-size: large;
}#top .grid-entry .inner-entry {
padding-right: 5px;
padding-bottom: 5px;
}#top .grid-entry .inner-entry {
margin-right: 0px;
box-shadow: none;
}
h4 {
text-transform: inherit !important;
font-size: 20px !important;
line-height: .9em !important;
}
.content {
padding-top: 25px;
}
#tribe-bar-form {
padding-top: 30px;
padding-bottom: 20px;
}.tribe-mini-calendar-event {
border-bottom: none;
}.recentcomments, .widget_recent_entries li {
border-top: none;
}#footer .widget {
margin: 30px 0 0px 0;
}.widgettitle {
color: #4f321b !important;
}.tribe-mini-calendar-event .list-info h2 {
color: #52772f !important;
}#top .tribe-events-adv-list-widget span {
display: inline;
}#tribe-events-header .tribe-events-sub-nav {
top: 0px !important;
}.grid-image img {
padding: 15px;
border-radius: 20px;
}.logo img {
padding-top: 5px;
padding-bottom: 8px;
}#header_main {
border-bottom-width: 0px;
border-bottom-style: solid;
z-index: 1;June 1, 2017 at 4:03 pm #802624Hi,
Please replace your custom CSS code with this one – https://pastebin.com/MrGTsDaM. There were some errors and i corrected them.
Best regards,
YigitJune 1, 2017 at 7:17 pm #802728Thank you so much! That’s fixed both issues. Much appreciated, you can mark this as solved.
June 1, 2017 at 10:19 pm #802791Hi,
Great! I am glad this was able to be solved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Sites displaying wrong container width’ is closed to new replies.