This is my first time setting up a salient website. I have placed two buttons on the home page of the site. The buttons sit horizontally in two columns when in desktop mode but upon viewing the home page on mobile, the buttons show up vertically. I used the responsive columns section to set each column width to 1/2. They now show up next to each other (horizontally) but curiously they sit at slightly different heights. I have checked through padding and element spacing options and all appears to be equal. How would I ensure they sit at the same height, while remaining horizontally next to one-another. This behaviour is not present when in desktop mode. Thanks in advance.
Curious. I remember playing with translate to see what it did but the translate settings currently show a blank. I have remade the row and buttons and it is now happy. Thanks so much.
This is my first time setting up a salient website. I have placed two buttons on the home page of the site. The buttons sit horizontally in two columns when in desktop mode but upon viewing the home page on mobile, the buttons show up vertically. I used the responsive columns section to set each column width to 1/2. They now show up next to each other (horizontally) but curiously they sit at slightly different heights. I have checked through padding and element spacing options and all appears to be equal. How would I ensure they sit at the same height, while remaining horizontally next to one-another. This behaviour is not present when in desktop mode. Thanks in advance.
Hey tristannolan ,
There seems to be a translate value added in the First Button which is causing the difference:
Thanks
ThemeNectar Support Team
Curious. I remember playing with translate to see what it did but the translate settings currently show a blank. I have remade the row and buttons and it is now happy. Thanks so much.