Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 10, 2017 at 10:19 pm #775680
    ccyran

    Hey guys,

    I’m not sure how I can correctly explain this.

    R/GA Stories

    I don’t want the content on my pages to keep expanding to as big as the browser width is. After a certain point, I want it locked. Like this website:

    Forgotten Boardwalk Brewing

    Can you help?
    Thanks!

    April 12, 2017 at 1:26 pm #776626
    Yigit

    Hey!

    I am not sure if i understood you clearly, however please try and insert pixel value for container width in Enfold theme options > General Layout > Dimensions.
    If that does not help, please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    April 12, 2017 at 4:14 pm #776771
    ccyran

    Hey Yigit,

    Understood! Screenshot Here: https://ibb.co/dsrH5k

    On the project pages, like this one: http://www.ccyran.com/projects/rga-stories/
    I want the content width to be a bit wider. I like the margins when the website is around 950px wide. It’s when the browser width exceeds that number, the margins appear to double on each side.

    Let me know if that makes sense. Thanks!

    April 13, 2017 at 12:47 pm #777220
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header {
    max-width: 90% !important;
}}

    Best regards,
    Yigit

    April 13, 2017 at 11:43 pm #777580
    ccyran

    Hey yigit,

    I didn’t notice any changes :(
    Also, to be more clear, I want the new margins/header to align with how it appears on the homepage. I don’t want any jumps.

    Here’s some screenshots to be clear!

    Homepage:
    https://ibb.co/gLJCqk

    Any other page:
    https://ibb.co/cmmRGQ

    Thanks again for your help Yigit, I really appreciate it. It means a lot.
    Chris

    April 14, 2017 at 6:50 am #777662
    John Torvik

    Hi,

    You can add this custom CSS code:

    #top {
  max-width: 100% !important;
}

    With this code, will have the default content margin, so, to remove it and have the same result as the homepage, you`ll need to add the content inside a color section, for example.

    Best regards,
    John Torvik

    April 17, 2017 at 6:48 pm #778861
    ccyran

    Hey John,

    Understood. I can’t place any of my content inside a color section though. Enfold doesn’t let you place grid row elements inside a color section.

    Is there another solution for this?

    Best,
    Chris

    April 19, 2017 at 5:55 am #779774
    Ismael

    Hi,

    If you’re using the grid row element, set a maximum width on larger screens.

    @media only screen and (min-width: 1600px) {
     .av-layout-grid-container {
        max-width: 1320px;
     }
}

    NOTE: The images in the page are quite too big.

    // http://www.ccyran.com/wp-content/uploads/2017/03/Spread_6.jpg

    You can use images half that size.

    Best regards,
    Ismael

    April 19, 2017 at 6:08 am #779776
    ccyran

    Hey Ismael,

    Understood about the images. I’ll make it half the size.

    I tried this CSS and it didn’t work. Do you think you could take a look into my account? I’ve tried a bunch of CSS options but to no avail :(

    Just to repeat my issue:

    I want the header (tabs logo/ social icons, etc) to be the same on every page, as its shown on the homepage:
    ccyran.com

    If you click on a project thumbnail, you’ll see the header shrinking in.
    http://www.ccyran.com/projects/rga-stories/

    I want to fix this so it’s the same as the homepage. And in the process, making all the content below the header aligned with the header width.

    Like this for example: http://www.perkybros.com/portfolio/forgotten-boardwalk-brewing/

    Please help!

    April 20, 2017 at 5:24 am #780284
    Ismael

    Hi!

    The css code is working when I checked the site. Please make sure that you’re not looking on a cached version of the site.

    // http://i.imgur.com/Ixrbvb4.png

    Regards,
    Ismael

    April 22, 2017 at 11:10 pm #781814
    ccyran

    Hey!

    I implemented CSS from a different thread and it worked!

    Thanks Ismael!

    April 22, 2017 at 11:31 pm #781829
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Don't want content to keep expanding to browser width’ is closed to new replies.