- This topic has 5 replies, 2 voices, and was last updated 8 years, 6 months ago by
.
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.
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 teamThanks! 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!
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; } }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?
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
