Okay
  Public Ticket #3577298
remove padding from row in phone view
Closed

Comments

  •  3
    ePrintDesign started the conversation

    The phone shows a large top padding that is pushing the row content outside the row box. I need to make the phone match the web page.

    Attached files:  Screen Shot 2024-02-05 at 6.23.15 pm.png

  •  3,001
    Andrew replied

    Hi Kylie,

    Thank you for getting in touch.

    To clarify, are you referring to the row background image? 

    We look forward to your reply.

    Thanks?

  •  3
    ePrintDesign replied

    yes, as shown in the image there is a large unwanted padding in the row background that is disrupting the content.

  •  1,921
    Judith replied

    Hi there,

    Thanks for writing back.

    To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials 

    (dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? 

    If you prefer, you can safely share the access through a one-time secret note or using an access plugin such as Controlled Admin Access.

    Before you provide this information, we strongly recommend taking a backup of your site.

    If you have any concerns or questions about this process, please don't hesitate to let me know.

    Best regards,



  •   ePrintDesign replied privately
  •  3,001
    Andrew replied

    Hello again,

    Thank you for reaching out to us.

    To make the form fit in the row, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 650px) {
      #mc_embed_signup {
        width: 320px!important;
      }
    }

    As for the padding, it seems you have added a translateY element to the row and hence it is pushing the content in the row down by 300px. You can remove this in the row settings by setting the translateY for mobile to 0 as shown in this screenshot.

    7213921137.png
    9353789019.png

    Try that and let us know if you need further assistance with this.

    Kind regards,

    Thanks

  •  3
    ePrintDesign replied

    Thank you guys, I am happy with this result

  •  1,921
    Judith replied

    Hi again,

    You're welcome.

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest

    Your feedback is valuable to us and greatly appreciated!