Foodie Pro Theme- Header left, widget right

[krystyn]

Hello-

I'm having difficulty getting things lined up adding the widget back to the header right in Foodie Pro.

I've got a widget added and modified the css, but the only way I could get the header right widget to move up was to add a negative top margin, which isn't ideal and causes issues with mobile (among many others).

I've looked through the forum and see requests, but can't figure out what I'm missing to get it aligned properly both desktop and mobile (the header/menu and social icons are all on top of each other).

http://www.krizzydesigns-test.com/test2/

[Erin Ulrich]

I know you posted this a while ago, and it looks like the issue has been resolved ... do you still need help?

---

Erin Ulrich | Genesis Recommended Developer | Design by Insight

[krystyn]

Actually, @erinu, I'm having the same issue on another site: http://www.krizzydesigns-test.com/test1/ Well, similar. I've got the header stuck centered this time and still can't bump the social icons down without messing up mobile.

[Kary]

Do you want the logo in the center? Or on the left? I figured out how to do it with the logo on the left and an ad or widget on the right. When the page is viewed in a smaller browser like on a mobile device, everything will automatically pop in the center.

[krystyn]

@Kary I want the logo on the left with the widget right on desktop. It's fine to be centered on mobile! I'd love it if you could point me in the right direction!

I've got it left now, but it's going all the way left instead of left in the header space.

[Kary]

She doesn't have an ad or optin box in the right-header, she will eventually. The link below shows what I did for a client. I need to go back over my notes and see what I did as it required a completely different way of adding a custom header. Give me an hour or so and I'll post the solution here.

http://gwens-nest.com/

[krystyn]

Thanks @Kary I think I actually figured it out! There is too much space in portrait on the iphone, but I can deal with that until I can troubleshoot a little more!

I used this as a guide, but had to add some extra wraps because of the full width bar at the top and the footer.

http://shaybocks.com/get-left-aligned-header-logo-foodie-pro/

[Kary]

Okay....soooooo....you don't need me to dig through my notes. Correct?

[krystyn]

Only if you know of a good way to kill that extra space between the header and the social icons on portrait mobile. Otherwise, not note digging required, @Kary! Thank you!

[azTami]

I need help with this same issue. The link on Shay's site is not working. I reached out to her but they won't help with customizations. I have the logo on the left and reactivated the genesis widget on the right but when I'm on smaller screens they go on top of eachother. I want the widget to go below the logo. Any help would be appreciated.
Thanks!

[azTami]

I was able to get it to work kind of using ideas from the site above http://gwens-nest.com/
but it still overlaps some on different size screens. All I changed was css.
Still looking for suggestions
Thanks!

[azTami]

@kary

[tavisme]

@Kary If it is not too much trouble, I would greatly appreciate if you could dig up your notes on how you added the left custom header and the right widget area.

[Author]

Posts