Return to previous page

Adding Button to header - by Christina - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

Christina

Participant

February 20, 2017 at 19:19

Hey I wanted to add a button to the header, on the right side of my logo.

I created a static block with the button, but when I put the code into the header section, it was under the phone numbers on the right side. I also added it to the right side top bar widget area, but that is on the top bar, not the header..

how do I add a button to the header on the right side of the logo???

Please, contact administrator
for this information.

#155301 Copied Theme version: 2.8 WooCommerce version: 2.6.11

5 Answers
Rose Tyler

Support staff

February 21, 2017 at 08:11
Hello,

Try to add the code of button in Header custom HTML and this code in Custom CSS:
```
.header .ult-animation {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
```
Regards,
Rose Tyler.
#155333 Copied
Christina

Participant

February 21, 2017 at 15:57

still on the left side of the logo?!

which value should I adjust on the code to move more right?? I left the button where that code you provided put it….just incase you want to see where it ended up.

Thanks!

#155388 Copied Theme version: 2.8 WooCommerce version: 2.6.11

Rose Tyler

Support staff

February 21, 2017 at 16:06

Hello,

Please, check it now.

Regards,
Rose Tyler.

#155390 Copied

Christina

Participant

February 21, 2017 at 16:08

Yes! Perfect!! Thanks so much!!

#155391 Copied

Rose Tyler

Support staff

February 21, 2017 at 16:15

Hello,

You’re welcome!

Regards,
Rose Tyler.

#155393 Copied
Tagged: adding, button, header, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)