Buy me a coffee

Add 3 stacked buttons to Header

#1. Use this code to Code Injection > Footer (replace example button text/URL with your desired text/URL).

<a class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary second-button" href="https://google.com">Button 02</a>
<a class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary third-button" href="https://ebay.com">Button 03</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $('a.second-button').insertAfter('a.btn');
    $('a.third-button').insertAfter('a.second-button');
});
</script>

Add 3 Stacked Buttons To Header 01 Min

#2. Use this code to Custom CSS box

a.second-button, a.third-button {
    display: none;
}
header#header a.second-button, header#header a.third-button {
    display: inline-block !important;
    margin-top: 5px;
}
div.header-actions-action--cta {
    flex-direction: column;
    display: flex;
}

Add 3 Stacked Buttons To Header 02 Min

#3. Result

Add 3 Stacked Buttons To Header 03 Min

#4. Buttons here, use Primary Button Style. You can replace “primary” with “secondary” or “tertiary”

Add 3 Stacked Buttons To Header 04 Min