Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 11, 2018 at 3:05 am #1032128
    elsadenmark

    Hi there,

    I noticed that when the screen gets bigger than 1366px the text on my page moves up.
    I thought I could just add a whitespace, give it a unique ID and then in the CSS make it visible ONLY above 1366px screensize.

    But then I found noticed that whitespaces can’t be assigned a custom ID.

    Could you provide me with the CSS code to make the whitespace visible only after 1366px in width?

    Big thanks in advance. I have put screenshots in the private content field.

    November 12, 2018 at 8:04 am #1032446
    Rikard

    Hey elsadenmark,

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

    @media only screen and (min-width: 1365px) {
.home #av_section_1 h4 {
  padding-top:100px;
}
}

    You might have to adjust the value a bit as I’m only on a 13″ screen at the moment.

    Best regards,
    Rikard

    November 12, 2018 at 2:40 pm #1032605
    elsadenmark

    Worked perfectly. Man the work you guys do. Amazing.

    If i only wanted to show the whitespace on a certain screensize – lets say between 1366px and 1920px –
    would it right to assume that the code should look like this?

    @media only screen and (min-width: 1366px) and (max-width: 1920px){
.home #av_section_1 h4 {
  padding-top:100px;
}
}

    Best regards

    November 12, 2018 at 3:42 pm #1032626
    Jordan Shannon

    Hey elsadenmark,

    Yes that is correct. Just set the res you want the code to run on.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.