Navigation
Archive / 2 Minor CSS tweaks for Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 26, 2016 at 8:41 am #1190816
    Benjamin D
    Participant

    Hi there, I was hoping to get a little help on a couple CSS tweaks that would resolve how these elements are showing up on mobile. The site is http://www.aromaoutfitters.com and the issues are showing up on mobile on the homepage.

    1. How could I get these buttons to be spaced apart slightly on mobile?

    2. I’ve uploaded 2 Wistia Videos side by side on desktop, however when viewing on mobile (in portrait view on an iPhone 6 Plus) it doesn’t look like it’s not showing the video as responsive with the play button in the middle of the frame. I’ve attached pics to show you how it looks on my device. Thanks!

    September 26, 2016 at 9:21 am #1190862
    Joao
    Moderator

    Hi There,

    1 – Add a gap element under the buttons, it will be unoticeble on desktop version but will give the space you want on mobile.

    2- Can you share the videos embedded code?

    Thanks

    Joao

    September 26, 2016 at 10:49 am #1190994
    Benjamin D
    Participant
    This reply has been marked as private.
    September 26, 2016 at 11:34 am #1191061
    Joao
    Moderator

    Hi There,

    Remove from the codes. : style=”height:360px;width:640px"

    Hope it helps

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1190816 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>