Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1146702

    I was playing with a new site far too much today – Although I have a stretched content – the site is no longer fullwidth – text boxes, footer, socket not running wide enough. Can view and offer a suggestion – Tried everything. Have multiple sites in Enfold – do not have this issue with any other sites. Was fine earlier – but as I kept working on site – noticed this change.

    #1146757

    Hey pamk21,

    Add this to quick css:

    .container{
    max-width:100%!important;
    }

    Best regards,
    Jordan Shannon

    #1146771

    it sound for me – as if you entered a css rule in quick css that is not well formated.
    A missing closing bracket e.g. on a media-query rule could be happen easily.
    If you can post your quick css – we can see what happens

    My guess is based on the fact that on Enfold these setting below are just behind your quick css rules
    if there is on top a missing closing bracket – every rule after that has no effect.

    .container {width:100%;} .container .av-content-small.units {width:75%; }
    			
    	 .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, 
    	 .responsive.html_boxed.html_header_transparency #header{ width: 1310px; max-width:90%; }
    	 .responsive .container{ max-width: 1310px; }
    			
    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#404040;background-color:#cfcfcf;font-size:14px;}
    #top #header .av-main-nav > li > a{color:#000000;}
    #top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext{color: #000000;}

    and you see that jordans rule above is part of this enfold options css under the quick css.

    #1146782

    I removed all css and it did not make the fix in quick css:

    @media only screen and (max-width: 767px) {
    .av_textblock_section .avia_textblock p * {
    font-size: 12px !important
    }
    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block!important;

    Any other thoughts?

    #1146792
    This reply has been marked as private.
    #1146826

    if this is all your Quick CSS – then why is clear for above reasons.
    there are some closing brackets missing – each opening bracket must have a closing bracket.

    @media only screen and (max-width: 767px) {
    	.av_textblock_section .avia_textblock p * {
    	font-size: 12px !important
    	}
    }
    @media only screen and (max-width: 767px) {
    	.responsive #scroll-top-link {
    	display: block!important;
    	}
    }


    But
    because the media query is the same – you can combine them to:

    @media only screen and (max-width: 767px) {
    	.av_textblock_section .avia_textblock p * {
    	font-size: 12px !important
    	}
    	.responsive #scroll-top-link {
    	display: block!important;
    	}
    }


    Edit

    Actually I think as someone who wanted to help you with the solution I have a certain right to know if and how you solved the problem.
    Unfortunately the topic was already closed – but maybe you’ll come back to read this.

    #1146845
    This reply has been marked as private.
    #1146852
    This reply has been marked as private.
    #1146857
    This reply has been marked as private.
    #1146859
    This reply has been marked as private.
    #1146950

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Width of page’ is closed to new replies.