Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #611246

    Hi, i have a colour section at the top of each page which I’m pleased with on desktop. I’m using this instead of titles to give more information. However, it is way too big and dominant on mobile. Please can you suggest how to fix this

    thank you.

    #611261

    Hey!

    Please edit your color sections and give them a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    #your-custom-id .content {
        padding-top: 40px;
        padding-bottom: 10px;
    }}

    Best regards,
    Yigit

    #611297

    Thank you that is better, although i went with padding-top: 30px; padding-bottom: 0px; – as there was already some padding in the content of the box and if i took it out, it wasn’t looking so good on desktop.

    Thanks again, much appreciated.

    #611304

    Hi!

    You are welcome :)
    Let us know if you have any other questions

    Cheers!
    Yigit

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

The topic ‘Colour section – mobile size’ is closed to new replies.