Community Forums › Forums › Archived Forums › Design Tips and Tricks › Foodie Pro Theme- Header left, widget right
- This topic has 12 replies, 5 voices, and was last updated 8 years, 9 months ago by tavisme.
-
AuthorPosts
-
December 8, 2014 at 9:48 am #133986krystynParticipant
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/January 12, 2015 at 4:06 pm #137240Erin UlrichParticipantI 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
February 24, 2015 at 2:09 pm #142049krystynParticipantActually, @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.
February 24, 2015 at 2:14 pm #142050KaryMemberDo 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.
February 24, 2015 at 2:18 pm #142051krystynParticipant@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.
February 24, 2015 at 2:41 pm #142055KaryMemberShe 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.
February 24, 2015 at 2:45 pm #142058krystynParticipantThanks @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/
February 24, 2015 at 2:49 pm #142059KaryMemberOkay....soooooo....you don't need me to dig through my notes. Correct?
February 24, 2015 at 2:50 pm #142060krystynParticipantOnly 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!
June 12, 2015 at 5:22 pm #156023azTamiMemberI 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!June 12, 2015 at 6:45 pm #156032azTamiMemberI 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!June 14, 2015 at 4:02 pm #156198July 6, 2015 at 12:23 pm #158530 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.