Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 10, 2022 at 10:30 pm #1340050
    Jak73

    Hi,
    on my startpage a have a video with two buttons below next to each other. When i go in mobile view, they resize and get to big. Also there are flipping from horizontal to one below the other. How can i fix that?

    Kind regards Jak

    February 11, 2022 at 11:19 am #1340131
    Yigit

    Hey Jak,

    Thanks for contacting us!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    @media only screen and (max-width: 767px) { 
#top .flex_column.av-b06jd-7aa723c4880ea8922c045f58448a9c6d, #top .flex_column.av-3yndl-7bbbd9cec1b3026b5be7583f5d30dfb1 {
  width: 50% !important;
}}

    Best regards,
    Yigit

    February 11, 2022 at 2:29 pm #1340163
    Jak73
    This reply has been marked as private.
    February 13, 2022 at 5:15 am #1340332
    Rikard

    Hi,

    Thanks for the update. I can’t see the problem on my end, and the screenshot you linked to is not working. Could you upload it to a service like Imgur.com or Snipboard.io instead please?

    Best regards,
    Rikard

    February 13, 2022 at 9:43 am #1340350
    Jak73

    Hi Rikard,
    i added a new screenshot. Please have a look, the button are not allways next to each other in responsive mode.
    kind regards Jak

    February 13, 2022 at 3:54 pm #1340388
    Mike

    Hi,
    Thanks for the screenshot, I see that Yigit’s css is meant to work up to 767px, which it does, at 768px is when the error begins until 990px
    so please leave that css and include this css also:

    @media only screen and (min-width: 768px) and (max-width: 989px) { 
#top .flex_column.av-b06jd-7aa723c4880ea8922c045f58448a9c6d, #top .flex_column.av-3yndl-7bbbd9cec1b3026b5be7583f5d30dfb1 {
  width: 50% !important;
  display: inline-block;
  float: none;
}
#top .flex_column.av-am57p-d4ca5034c8232c647ae2a808fa9f3665,#top .flex_column.av-49jyx-6d77460c89009f4c568b495af470f2f4  {
  width: 100% !important;
}	
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 14, 2022 at 12:56 am #1340426
    Jak73
    This reply has been marked as private.
    February 14, 2022 at 2:22 pm #1340497
    Mike

    Hi,
    Parallax doesn’t work on iPhones this is a known Apple issue that has been going on for a few years, Apple must fix this, we can not.

    Best regards,
    Mike

    February 18, 2022 at 12:36 am #1341241
    Jak73
    This reply has been marked as private.
    February 18, 2022 at 1:01 pm #1341336
    Mike

    Hi,
    Parallax is generally deactivated on the iPhone.

    Best regards,
    Mike

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