Site logo

Archived topic

Button Links + Position

4 replies · Started by Matthias on June 16, 2022

Viewing posts 1–5 of 5

Hi,

with your help i created a sidebar with buttons - which now causes me to ask some questions:

1. for some reason the bar isn't sticky - i would want it to move along when you scroll down
2. Button links - mail:
I want the 2nd button to open a mail (mailto). In the footer i already created such a link - encrypted - so bots can't read that. I tried to add the same code to the button - but this didn't work. Can code like that somehow be used with a button block?
3. Button links - contact. The paper button i would like to link to the contact form - which is in the footer. How can i do so? I know about html anchors- but as the footer has not url like other pages i don't know how to use it for that case.

Hi there,

1. In your CSS:

.sticky-sidebar-buttons {
    position: fixed;
    right: 0;
    top: 40%;
}

You're using a 40% value try changing that to a px value.

2.Which code ?

3. Edit the Container Block that contains your form - and in the Advanced panel you can add a HTML anchor for that block.

thx,

1. i changed to px - but it still is not sticky - and stays at it place when scrolling.
2. [email address="info@xyz.com"] -> as described by tom in another thread.
3. yes - i know how to add anchors - but i don't know how to link to an anchor that is set in the footer element.
The anchor is already in the footer element container - it's called "Footer". I don't know trying to link to that footer-element-anchor. For normal pages it's "www.domain.com/pagename#anchorname. But as the footer has no pagename i can't figure out how to put that in a link.

1. I think the off canvas panel you're using is interfering with its position. Not sure how you get around that,

2. Not in a Buttons Block, a Headline Block supports Shortcodes.

3. So you add the HTML Anchor to that Container eg. footer-form then in your button URL you simply prefix it with a # so the URL would just be #footer-form

1. yes that was the problem. I had to deactivate to get it to work. I will try around more a little as i was planning to use that sidebar later on.
2. thx - then i have to see how i best make a headline look like a button. I
3. works thx.

This archived topic is closed to new replies.