[Resolved] Position Button on Header Element

Home Forums Support [Resolved] Position Button on Header Element

Home Forums Support Position Button on Header Element

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1668673
    troyw

    Hi guys,
    I have a button on the homepage header called ‘Visit the sale’, but as you will see, it is in completely the wrong position. I need to lower it a fair bit.
    I have gone through the Additional CSS and the Style Sheet in the Child theme, looking for a piece of Page Hero code to adjust the position, but I can’t seem to find any.
    How can I move the button down the Header element?

    Thanks

    #1668678
    Elvin
    Staff
    Customer Support

    Hi there,

    With the current padding setting of your page-hero, the way to go about setting the placement of your button is by using position: absolute.

    Say, for example, you want the button to be placed on the horizontal center, vertical bottom of the page hero, you add this CSS:

    .page-hero{ position: relative; }
    
    .page-hero a.smooth-scroll.button.ghost {
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    Adjust the values to your preference.

    A wise man once said:
    "Have you cleared your cache?"

    #1668693
    troyw

    Thanks so much Elvin

    #1668695
    Elvin
    Staff
    Customer Support

    No problem. 😀

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.