Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2021 at 5:05 pm #1298842
    utmosis

    Hello, I’m having trouble keeping my color section at the top of this page:

    https://www.avicena.tech

    (Where it says “SEE THE LIGHT:..”)

    On desktop and mobile browser widths it does fine, but on tablet widths the dark blue color section goes from 100px to 200px and leaves a large dark blue area just under the menu.

    Can you help me remedy?

    Thanks…the ENFOLD Theme has made our latest redesign a breeze!!

    May 9, 2021 at 6:14 am #1299149
    Rikard

    Hey utmosis,

    Thanks for the kind feedback :-)

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
.html_header_transparency #top .avia-builder-el-0 .container {
  padding-top: 0 !important;
}
}

    Best regards,
    Rikard

    May 9, 2021 at 5:17 pm #1299172
    utmosis

    Rikard,

    Thanks…the code worked perfectly, and now the height of that color section looks perfect no matter what width my browser is at.

    This ENFOLD theme has really improved the design of our company’s website. (I’m embarrassed by what it looked like before ENFOLD, and I’m the one responsible for both versions ;)

    Jeff

    May 10, 2021 at 4:57 am #1299209
    Nikko

    Hi Jeff,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color Section height goes 2x on tablet size’ is closed to new replies.