#46881 Mobile Issue with Website – Number of Issues

Landing Forums JupiterX WordPress Theme Mobile Issue with Website – Number of Issues

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • Samuel Lui

    Hi,

    I’m having issues with getting the mobile / responsiveness to work on the website.

    The desktop works great but the mobile is not functioning as it should in mobile.  I’ve gone thru the articles and I have not been able to resolve it.

    1. Header in mobile – bottom of the logo and hamburger menu doesn’t have enough white space between header image. I’ve tried to make margin or padding adjustments but the logo shifts around (see image #1)
    2. Header in mobile is not sticking at the top – see image #2
    3. When scrolling down and then back up – the header goes weird and is not responsive (see image #3)
    4. When you pinch the screen on the website with your fingers on your mobile device, the website doesn’t display properly – see image #4
    5. After I submit a form, the website again doesn’t display properly – see image #5

    I don’t know what I’m doing wrong.  Please help me get this fixed and let me know what you did so that I can learn how to do it.

    Samuel Lui

    Any update?

    Tatyana Hutsol Support Team

    Hello,

     

    Could you please update your theme to 1.16.0 version?

    Do this via Jupiter X > Control Panel > Updates.

    You updated Raven plugin to the latest version, but for correct work you must update the theme and Jupiter X Core plugin as well.

    Also your images are not attached to your post. Please re-send them.

    Thank you.

    Looking forward to your reply.

    Samuel Lui

    Hi. Theme is updated and images uploaded

    Samuel Lui

    Zip file attached with screenshots

    Private
    Samuel Lui
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    Sorry for a delay.

    1. I’ve added this code in Jupiter X > Customize > Additional CSS:
      @media (max-width: 767px){
      .elementor-266 .elementor-element.elementor-element-2f42436 {
      padding: 20px 0px 20px 10px !important;
      }}
    2. I added this code in Additional CSS section:
      .admin-bar.jupiterx-header-sticked .jupiterx-site:not(.jupiterx-site-body-border) .jupiterx-header.jupiterx-header-sticky-custom.jupiterx-header-custom > .elementor:last-of-type:not(:first-of-type) {
      top: 0;
      }
    3. I don’t see that issue now. Could you please re-check?
    4. /5. I fixed it with custom css code:
      body .jupiterx-site {
      overflow-x: hidden;
      }

    Looking forward to your reply.

    Regards.

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic. Login