Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1237178

    Hi!

    I’m so baffled by the best way to size top-of-the-page images (in a color section) and make my site more responsive.

    This is the page I’m working on:
    ETA: The first page I pasted here was wrong. The actual page is: https://briancartergroup.com/portfolio-item/final-draft-case-study-alternate-version/
    Password: Lynda

    The image I have at above the fold is 1500×1001, which is the same size as the image on this demo page: https://kriesi.at/themes/enfold-2017/features/

    I realize that on the demo page there’s no diagonal border and that the image goes behind the menu and also below the fold. But I should still be able to see the center of the image when I’m testing responsiveness with the Chrome inspect tool, right?

    This page has a different image at the top, which is 2000×668, and is really the one we prefer

    Password: Lynda

    I could hide the top color section for mobile, but then I lose the stats that we want to highlight.

    Is there someplace I can go to learn more about how to do this? I have to fix SO many pages on this site!

    I don’t even know where to start on the gargantuan footer. When I bought Enfold, I really thought the theme took care of this stuff automatically.

    Thanks for any ideas you may have!
    Tracey

    • This topic was modified 5 months, 2 weeks ago by  traypup. Reason: Wrong page sample
    #1237579

    I found what I needed to fix this!

    https://kriesi.at/support/topic/reduce-color-section-padding-for-mobile/

    I guess reading the documentation is a good idea! ;)

    #1237613

    Hi,

    Did you need additional help, with this topic or shall we close?

    Best regards,
    Jordan Shannon

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

You must be logged in to reply to this topic.