No padding for the Jump to Recipe button in Mobile View

Hi Kannan,

Thanks for getting in touch about this. The Jump to Recipe button isn’t part of the theme (it’s an element of the WP Recipe Maker plugin), and the social sharing icons are also being added by a plugin (Sassy Social Share), which is specifically setting the margin to a single pixel. Your best bet in the future is probably going to be reaching out to the plugin authors, but in a pinch you should be able to add a bit of CSS in the Customizer to increase the margin here…something like this should work:
.wprm-recipe-snippet { margin-top: 30px; }

If you prefer to only have a margin on mobile, you could also add a media query for this. ??

Hope this helps!

Hi Steven,

Thanks for your feedback and help. I will open a separate thread in WP forums for this issue. I did try the css provided by you, but it did not make any difference to the padding in the mobile view. Any idea why?

Cheers!
Kannan

Hi Kannan,

Looks like it’s due to the fact that WPRM is loading their CSS right before the closing body tag, so it overrides anything you enter. You can either use !important, like this:
.wprm-recipe-snippet { margin-top: 30px !important; }

Or just make yours more specific, like this:
.wprm-recipe.wprm-recipe-snippet { margin-top: 30px; }

Let me know if you still have trouble!

Thanks a ton Steven. This trick worked perfectly.

Cheers!
Kannan

Nice! Thanks for letting us know, Kannan. ??