Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    #802076

    Hey 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 Shannon

    #802081

    Thanks 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!

    #802097

    Hi,

    Was there any additional css applied to the second site that could be conflicting? It seems to be restrained at 1010px;

    Best regards,
    Jordan Shannon

    #802619

    Hi 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;

    #802624

    Hi,

    Please replace your custom CSS code with this one – https://pastebin.com/MrGTsDaM. There were some errors and i corrected them.

    Best regards,
    Yigit

    #802728

    Thank you so much! That’s fixed both issues. Much appreciated, you can mark this as solved.

    #802791

    Hi,

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sites displaying wrong container width’ is closed to new replies.