Add padding above button

  • I’ve used the plugin to add the following shortcode, which creates a button in the menu –

    [restaurant-menu-and-ordering ruid=”93de5ca0-00f3-4ee0-b8d4-e0fb0cb5e504″]

    As you can see it’s not well aligned – how do I add some padding above it?

    https://snipboard.io/xTnXkG.jpg

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Gagan Deep Singh

    (@gagan0123)

    @nomadkaren

    Issue is not with the plugin, but with the styling of the element that is added via the shortcode.

    You will need to work on the CSS of that element, in order to get it to move where you want it to be.

    As a temporary fix, you can add this CSS in your theme’s Custom CSS option:

    
.menu-item-type-gs_sim .glf-button{
    margin-top: 28px;
}

    which would work fine for most desktop/laptop screens.

    Here’s how you can do that, just in case you can’t find the option:

    Let me know if it works or not.

    Plugin Author Gagan Deep Singh

    (@gagan0123)

    Just a correction, I noticed that the menu slides up a bit, when we scroll down,

    to patch that, with a temporary fix, you can use this CSS instead:

    
.menu-item-type-gs_sim .glf-button{
    margin-top: 28px;
}

header.fusion-header-wrapper.fusion-is-sticky .menu-item-type-gs_sim .glf-button{
    margin-top: 10px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add padding above button’ is closed to new replies.