Call to action button disappears

  • Resolved pfundty

    (@pfundty)


    9 years ago

    Hi,

    I have a site description which stops displaying below a certain screen width and I thought I could make the call to action button replace it for small screens but the button also does not show on small screen widths. Any ideas on how to make the call to action show regardless?

    Cheers,

    Pfundty

    http://marshmelodyfestival.com.au

Viewing 3 replies - 1 through 3 (of 3 total)
  • vladff

    (@vladff)

    9 years ago

    Hi,

    That’s not a site description 🙂
    Both that description and the button are hidden below 600px, mostly because they won’t fit.
    Here’s how to make them show:

    @media only screen and (max-width: 600px) {
  .welcome-desc,
  .welcome-button {
        display: block;
  }
}

    Thread Starter pfundty

    (@pfundty)

    9 years ago

    🙂 Sorry I meant Welcome description. Thank you alot, I could not find this anywhere.

    For anyone else in the same position where the button links to the about info. I have also included this:

    @media only screen and (min-width: 601px) {
    .welcome-button {
    display: none;
    }
    }

    to turn the button off at resolutions where the welcome info is already displayed.

    Thanks again Vladff for your fast response

    imageworks002

    (@imageworks002)

    8 years, 2 months ago

    Thanks vladff for the fix – but can you help an absolute newbie know where to post this code? Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Call to action button disappears’ is closed to new replies.