Announcement

Collapse
No announcement yet.

Dynamik header problem

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Dynamik header problem

    Hi

    My colleague was tweaking some changes to the website and something has gone awry.

    Link here::
    https://www.clivehook.com/food/
    I've also uploaded a screenshot.

    Both photos should stretch the full width of the page. All pages are affected. It looks OK on a different screen ratio, but on widescreens there is a load of blue space around the edge of the header photo and white space around the photo underneath. She thinks she may have inadvertently changed the overall width of the site but I can't see anything obvious. I'm new to this theme and have looked but can't see anything obvious. Any clues please?

    Attached Files

  • #2
    For the header image, add this CSS to the Custom CSS:

    Code:
    .site-header {
        background-size: cover;
    }
    For the bottom image, on the pages affected, open the page in Beaver Builder, make sure that the image is set as the background image of the row and is not a Photo module in that row. Then set the Row to be full width and on the Advanced tab, adjust the top and bottom padding to accommodate the desired height.

    Cheers!
    Lyle

    Comment

    Working...
    X