Forum Replies Created
-
AuthorPosts
-
February 3, 2017 at 7:33 pm in reply to: Having trouble centering the logo with infinity pro #200541
shango
MemberTurns out the logo as bg image to home link is not the best plan either. Using a secondary menu on one side of the logo presents issues with some mobile responsive menus. After loads of research and trying each method, the most elegant way to do this seems to be purely with css.
Remove the header right widget. Add a class to the menu element that you want just to the right of your logo, ie. .split-right. Add margin-left to the split right element, enough to fit your logo. Add the logo to the bg of your site-container a element and then something like this css:site-title a { text-indent: -9999px; display: block; height: 71px; /* this works cause my logo is 71px high. Leaving no width rule worked out for me. */ }
Center the logo like this:
.site-title { position: absolute; left: 0; right: 0; top: 20px; margin: 0 auto; }
Then adjust it all horizontally with this css:
ul.genesis-nav-menu > li:first-child { margin-left: 95px; /* adjust nav to center around logo */ } .nav-primary .split-right { margin-left: 100px; /* Also needs adjusting to center things */ }
There was an article out there that uses this method. Can't find link now. Works perfectly for me. It's fairly responsive. I break to mobile before things get too screwy.
shango
MemberOk, so the simple answer is this.
https://github.com/bradpotter/backstretch-slideshow
Manually install this plugin.
Remove your current front page 1 image via the customizer.
Then add, via customer, your 3 slideshow pics to the backstretch plugin.
In the plugin settings, use .front-page-1 for the container.January 29, 2017 at 1:24 pm in reply to: secondary nav items not showing up in the responsive nav #200226shango
MemberI tried to get this to work with Genesis Sample and no luck there either. If it worked there, I'd swap that system into infinity pro. Any help is appreciated.
January 27, 2017 at 10:06 pm in reply to: Having trouble centering the logo with infinity pro #200155shango
MemberDid it with CSS. Grabbed header image for the bg of the "home" link and placed home menu item in the center of the list in Appearance > menu
January 27, 2017 at 2:39 pm in reply to: Having trouble centering the logo with infinity pro #200144shango
MemberHi Brad, thanks for the reply. After looking into this further, I think I need to add custom menu widgets to either side of the logo so that it works with my design.
shango
MemberThank you Victor. I had searched that js file, hoping to see a reference to header-image. Shoulda taken the time to read the js. I'm glad you were on to it.
Although, the "white" class is only add to the markup upon scrolling. So the white background that happens when a header image is added is a css issue that i finally see.css/style-front.css
I removed the .header-image from the rule that colors the bg white.
Then I swapped the order of these 2 rules so It looks like this:.front-page .white .site-header, .front-page .site-header { background-color: #fff; border-bottom: 1px solid #eee; } .front-page .site-header { background-color: transparent; border-bottom: 1px solid transparent; }
shango
MemberI'm also looking for the answer to this one. Hope somebody chimes in with some help here.
August 16, 2016 at 7:40 pm in reply to: Archive headline and intro text is missing from Genesis Sample? #191405shango
MemberAdding accessibility support did not fix this.
How to bring back missing Archive Headline and Archive Intro Text in Genesis 2.2
-
AuthorPosts