Navigation
Archive / Center Button Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 10, 2016 at 10:17 am #1125639
    Aaron
    Participant

    HI,

    Trying to centre my button on mobile, how can I do this, so it stays inthe middle at all times from 400px to 475px and then also the element below it ‘Watch Video’?

    When it gets to 480px to 765/800px it changes positions i want it to stay in the centre with no floating on the left for watch video and have it under neath the button.

    Thank you

    August 10, 2016 at 10:17 am #1125640
    Aaron
    Participant
    This reply has been marked as private.
    August 10, 2016 at 10:31 am #1125669
    Aaron
    Participant

    Dont worry, can close this. All fixed!

    August 10, 2016 at 11:14 am #1125758
    Rahul
    Moderator

    Glad you’ve sorted it out.

    If you have anything else, let us know. We’d be happy to assist you with everything.

    Thanks.

    August 10, 2016 at 11:32 am #1125805
    Aaron
    Participant
    This reply has been marked as private.
    August 10, 2016 at 1:53 pm #1126029
    Joao
    Moderator

    Hi Aaron

    Are you referring to the paragraph

    “We understand that university is one of the most transformational periods of an individuals life. Our role is to provide user friendly and secure technology for academic departments to help create the ultimate educational experience for students.” ?

    In can´t see it overlapping or acting weird, would you mind clarifying and if possible providing a screenshot?

    Thanks

    Joao

    August 11, 2016 at 11:04 am #1127372
    Aaron
    Participant
    This reply has been marked as private.
    August 11, 2016 at 11:32 am #1127407
    Rahul
    Moderator

    Hey There,

    This could be the issue with your content band and fixed height. Please note that on mobile view, the content will stack thus it needs more space vertically. Having a fixed height will do just that. We can set the height to auto when you’re on mobile view by adding the following CSS via Appearance > Customize > Custom > CSS:

    @media (max-width:  767px) {
.x-content-band {
  height: auto !important;
}
}

    Hope this helps!

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