Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 11, 2016 at 1:48 pm #611246
    ac

    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.

    April 11, 2016 at 1:58 pm #611261
    Yigit

    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

    April 11, 2016 at 2:20 pm #611297
    ac

    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.

    April 11, 2016 at 2:23 pm #611304
    Yigit

    Hi!

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

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Colour section – mobile size’ is closed to new replies.