Footer and 3rd block spacing

  • Author
    Posts
  • #155092

    veronicawoodque
    Member
    Original poster

    Hi! I have spent a few months building my website and I’ve used a lot of the advice you’ve given on this forum to make customisations. There are two final areas I wanted to ask about that I can’t quite figure out:

    1. On desktop, the footer items are all bunched up towards the left. Is it possible to space them out more evenly? So Contact would be in the middle with the other two items either side. Or just another workaround to spread this out a bit.

    2. I added this to the CSS customiser to make the image in the 3rd block a bit bigger:

    .home .block-three .one_third {
    width: 40.66%;
    }

    .home .block-three .two_third {
    width: 55.33%;
    }

    It looks great on desktop, but then it stops this block from stacking on mobile. Is there a way to have the image on the left bigger on desktop, but then still stack the image on top of the text on mobile?

    Thank you very much!

    The blog I need help with is: intothewoodsmarketing.com

    #155102

    anarieldesign
    Theme Author

    Hi,

    thank you for using our theme. You did a great job with your website :).

    You can use this:
    1. `.four-widgets .widget {
    width: 29.3333%;
    }`

    2. Try to add this for the mobile:

    @media screen and (max-width: 59.6875em) {
    .home .block-three .one_third,
    .home .block-three .two_third {
        width: 100%;
    }
    }

    Hope this helps.

    All the best,
    Ana

The topic ‘Footer and 3rd block spacing’ is closed to new replies.