Removing welcome button on vertical mobile only

  • Resolved JenniferCross

    (@jennifercross)


    5 years, 1 month ago

    Hi Roman,

    I hope you’re well.

    I just wondered if there is a way to remove the welcome button, from vertical mobile view only? You’ll see viewing the above link on the mobile vertically, that only part of the button shows, so I think I need to remove the button. It works fine when turning the mobile horizontally, or on iPad and laptop, so it’s just the mobile vertical view I’d like to change?

    Thanks so much as always.

    Jen

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello Jen,

    You can try to add this CSS in Customize → Additional CSS section in order to reduce mobile spacing and keep the button:

    @media (max-width: 991px) {
  .welcome-info {
    top: 2vw;
  }

  .welcome-logo,
  .welcome-desc {
    margin-bottom: 3vw;
  }
}

    Kind Regards, Roman.

    Thread Starter JenniferCross

    (@jennifercross)

    Thanks Roman, that has worked well.

    Using that theory, is there a way that I could move the owl, ‘Welcome to Business Owl’ and the button down a bit on laptop view, so that the owl isn’t level with my head in the header?

    Thanks,
    Jen

    Hello Jen,

    Sure, try to add this CSS code as well:

    @media (min-width: 1199px) {
  .site-header .welcome-info {
    top: 250px;
  }
}

    Kind Regards, Roman.

    Thread Starter JenniferCross

    (@jennifercross)

    Perfect Roman, thanks.

    Jen

    You are welcome! ??

    Kind Regards, Roman.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing welcome button on vertical mobile only’ is closed to new replies.