[cbordagesParticipant]

Just starting with X and still experimenting. I would like to be able to add two to four active buttons to the Integrity header bar. Move the site logo to the left with the menus stacked. Use the blank area to the right to add buttons.For an example, see the site URL below (not WP or X, but does show the desired result). Is this possible? If so, how?

http://www.guidedogs.org/

I’m primarily interested in implement buttons like the “APPLY” and “DONATE” buttons on this site. I intend to put our social icons in the top bar, so these are not an issue. Specifically (at this time), I would like to add three image buttons evenly spaced to the right side with our logo on the left.

Thanks
Cecil Bordages
PAALS
http://www.paals.org (not an X site…yet)

[ChristopherModerator]

Hi there,

Please enable topbar from Customize -> Header -> MISCELLANEOUS and add those button there,Then in Header section choose stack layout for “LOGO AND NAVIGATION” and add this code under Custom -> CSS:

.x-topbar{
float:right;
}

Please activate your X theme and put the images in topbar so we can offer you appropriate CSS base on your image size and content.

Hope it helps.

[cbordagesParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Maybe you can add this too to make it look much better 🙂

@media ( min-width: 980px ) {
.x-topbar .p-info {
float: none;
}
.x-topbar .x-social-global {
float: none;
}
.x-topbar {
width: 128px;
text-align: center;
position: fixed;
top: 140px;
right: 8%;
}
}

Cheers!

[cbordagesParticipant]

Thanks for the assistance. It has been helpful. Decided to go a different route with the Integrity theme, but I now understand how the different parts interact much more clearly.

[Paul RModerator]

Hi,

Glad you have figured it out.

Have a nice day!

[AxelOffroadParticipant]

Trying to add a button to header, but it is acting funky…
https://www.dropbox.com/s/pzd0hhifzs5ekiy/Screenshot%202015-03-04%2014.08.40.jpg?dl=0
https://www.dropbox.com/s/surb6ljqf8138p7/Screenshot%202015-03-04%2014.08.49.jpg?dl=0
https://www.dropbox.com/s/l1xmypno0bjsqws/Screenshot%202015-03-04%2014.08.57.jpg?dl=0

1. the tiny little lines on either side of the button annoy me
2. when I scale the site it wraps early and overlaps on the nav…

[Rue NelModerator]

Hello @axeloffroad,

Would you mind providing us the url of your site with login credentials, if necessary, so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site

– WordPress Admin username / password (only if necessary)

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Author]

Posts