Buttons not displaying properly on mobile

Home › Forums › Jevelin Theme › Buttons not displaying properly on mobile

Home › Forums › Jevelin Theme › Buttons not displaying properly on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • shanticfm
    Participant

    Hi!

     

    The the 3 main buttons on the home page are not displaying properly on mobile even though they don’t have any custom mobile margins. Not sure what the problem is.

     

    http://sweetme.creativeflowmedia.org

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @shanticfm,

     

    Thank you for your question.

     

    You can resolve the issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #button-abc23f238d72f1266380cbdb8d9733f2 {
    margin-bottom: 45px !important;
}

     

    Best regards,
    Shufflehound team

    shanticfm
    Participant

    Thanks! This fixed the mobile, but made the desktop size of the circle larger than the rest.

     

    Can you please make this code for mobile ONLY.

     

    Thanks!

    Shufflehound Support
    Moderator

    Solution for this topic

    You can make this code to work on mobile only by changing it as following.

     

    @media (max-width: 800px){
    #button-abc23f238d72f1266380cbdb8d9733f2 {
    margin-bottom: 45px !important;
}
}

    shanticfm
    Participant

    Thank you,

    Is it possible to reduce the size of the margin of the button. So the box is smaller but the text size remains the same?

     

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

     

    Is it possible to reduce the size of the margin of the button. So the box is smaller but the text size remains the same?

    To achieve this you have to develop custom code.

     

    Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)