Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 10, 2019 at 1:26 am #1146702
    pamk21

    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.

    October 10, 2019 at 6:51 am #1146757
    Jordan Shannon

    Hey pamk21,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    October 10, 2019 at 7:50 am #1146771
    Guenni007

    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.

    October 10, 2019 at 9:03 am #1146782
    pamk21

    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?

    October 10, 2019 at 9:49 am #1146792
    pamk21
    This reply has been marked as private.
    October 10, 2019 at 11:33 am #1146826
    Guenni007

    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.

    October 10, 2019 at 1:17 pm #1146845
    pamk21
    This reply has been marked as private.
    October 10, 2019 at 1:25 pm #1146852
    pamk21
    This reply has been marked as private.
    October 10, 2019 at 1:37 pm #1146857
    pamk21
    This reply has been marked as private.
    October 10, 2019 at 1:46 pm #1146859
    pamk21
    This reply has been marked as private.
    October 10, 2019 at 9:12 pm #1146950
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Width of page’ is closed to new replies.