Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 25, 2018 at 12:15 am #1013929
    FZKFranziska

    Hello!

    I have been following the documentation here:

    Add button elements to your header

    It has worked quite well, but I am running into the button sitting on top of the logo at smaller screen sizes.

    I tried modifying the margin and padding to no avail.

    Could you help me make this a bit more mobile responsive? I would like the button to sit above the logo as they start to overlap.

    September 25, 2018 at 6:15 am #1013996
    Rikard

    Hey FZKFranziska,

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

    @media only screen and (max-width: 900px) {
#header .widget {
    top: 85px;
}
}

    Best regards,
    Rikard

    September 25, 2018 at 4:08 pm #1014256
    FZKFranziska

    Hello Rikard!

    Thanks for the tip, it didn’t quite work the way we need, but I came up with a solution that gets the job done.

    Thanks!

    September 25, 2018 at 5:27 pm #1014307
    Dude

    Hi,

    Great, glad you found a solution :)

    Best regards,
    Peter

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