css strangeness

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: breadcrumbs, css, layout

Author

Posts
July 30, 2014 at 12:20 am #10306

m forbes
Expired Member

Post count: 338

I know this is not so much a place to ask about css/design, etc., but I am really stumped and hoping someone can spot what i cannot seem to see…

I have 2 installs going on, one in the root and one in sub domain, same settings, same everything. I have been playing around with a few different child themes of genesis using the sub domain site.

Once I settled on one I like and did some customization of, I went ahead and installed the child theme in the root, then cut and pasted the child functions and the style.css files over from the sub to the root site.

Everything came out as planned EXCEPT, the GD breadcrumbs on the Listings pages. They are hidden under the header on the root site, perfect on the sub site on desktop. On phone there is no obvious issue, show up nicely.

If I go look in firebug, the order between the div “wrap” and the div “site-inner” is different between the two. The wrap div holds the breadcrumbs.

I am not a css genius but I can figure most of what I need out. This is driving me a little bonkers. I’ve attached what I see in firebug.

thank you to anyone who might have a solution for this. I do not want to mess with margins, etc. since it looks great in mobile…

July 30, 2014 at 12:44 am #10311

m forbes
Expired Member

Post count: 338

Oh crud, I lied. In the sub, I do NOT have Genesis Theme Compatibility plugin, in the root site I do, which I just deactivated and now the order of div’s are the same for both sites. BUT without it activated, the content does not lay out as nice… title for pages for adding listings and events pages are cut off at top. sigh. Which should I decide to tweak :)?

July 30, 2014 at 10:37 am #10338

Guust
Moderator

Post count: 29970

Without a URL and a few pics, nobody is going to be able to help I’m afraid??

July 30, 2014 at 4:47 pm #10394

Paolo
Site Admin

Post count: 31206

Hi,

the question should be: why would you want to try making the website without the plugin to make GD compatible with Genesis, if you are using Genesis?

Thanks

July 30, 2014 at 10:45 pm #10462

m forbes
Expired Member

Post count: 338

This reply has been marked as private.

July 31, 2014 at 12:22 am #10473

John Allsopp
Expired Member

Post count: 399

Your theme has a fixed header (similar to absolute, but stuck in place). Elements in css following an absolutely-positioned element will ignore it and wrap to the element before it.
To compensate for this, the site-inner wrap has a top margin equal to the height of the header.

The plugin hooks the breadcrumb in after the header (before the site-inner wrap) which is why it disappears from sight.

To fix this in your theme you will need to remove the top margin from your site-inner and add it to the breadcrumb instead.

It’s almost 1:30am here, but if you need further help i’ll check back in the morning 🙂

July 31, 2014 at 6:01 pm #10555

m forbes
Expired Member

Post count: 338

Hi John,

Thank you for the time, info and the direction.

I played around with the margins and kind of got it to work… If I remove the margin from the site-inner, it messes up my home page layout. If I keep it, then the content on other pages drops down quite a bit. I’m ok with white space but would prefer a little less :). is there a way for me to specify the margins for just the home page and all other site pages separately?

Also, on phone I notice the long string in the breadcrumbs on listing detail page breaks, with a large margin between the two lines… Is there something I can do to correct this?

I am kind of surprised that the GD breadcrumbs are now on pages outside of GD pages. It is good for consistent design but I can’t figure out why…

And since I have you… using a 3 column layout, I see, on mobile, that on non-GD pages the left sidebar drops below main content (perfect). On GD pages, it shows above. is this the way it is suppose to work? Styling on GD pages using 3 column layout is messy, even on PC. I went in and changed Listings %’s, but it does not appear to change anything. Can you point me in the direction I need to go to fix this? Using GD search in left sidebar for both non-GD and Gd pages…

On listing detail pages, with site default 3 column layout, the listing detail info is in the middle section, left section empty, and I see no widget area specified to add anything to left side. Is this the way it is designed to be? if so, I may have to rethink some things…

I think there is a 12 hour time difference :).

Thank you!!! hope I haven’t over stepped by adding a few other design questions. Seems better than starting a new thread.

July 31, 2014 at 10:05 pm #10580

John Allsopp
Expired Member

Post count: 399

Genesis adds a class of “home” to the body, so you could use this to specify a different padding for the homepage eg:
.home .site-inner { whatever }

GD has a breadcrumb for everything (including pages & posts) so it made sense to use it site-wide. The Genesis compatibility plugin adds it below the header across the whole site.

Regarding 3 column designs, the Genesis compatibility plugin doesn’t cater for GeoDirectory’s left content at this time, since the Genesis 2nd sidebar is traditionally very narrow, and typically unsuited to GD content.
I have included the ability to show the native Genesis Secondary sidebar in the next version of the plugin though for anyone who may want to show ads, category lists etc etc

Just for your info – the Genesis compatibility plugin formats your content into Genesis wrappers, so the width settings in GD have no effect.

I will get the new version of the plugin available very soon.

August 1, 2014 at 6:45 am #10608

m forbes
Expired Member

Post count: 338

Ahhh, thank you once again for the info and your help.

I will continue on with the three column design and wait for your update. You are correct, ads will fit perfect in the narrower left sidebar :).

Thanks again!
Author

Posts