Archived

This topic is now archived and is closed to further replies.

  • 0

Masthead Wonkiness In Firefox...


Question

Posted · Report post

Hi there PL team,

I just encountered a weird one...

I've got a masthead section at the top of this page: http://www.designsbyfelicia.com/from-chaos-to-harmony-book/

It displays fine in Chrome, Safari, and Opera. But in Firefox the link I've got at the bottom of the section (right below the big orange button) is displaying really strangely (see pic) » https://www.evernote.com/shard/s21/sh/7d80f43d-c18f-46a1-bfdd-a3d86cfd4987/2ac67a7e9782c111f6acc745cb30490e

I created that link by entering the proper HTML in the Masthead section settings > Masthead Meta Text

I don't have any CSS that should be causing that issue, all i'm styling in that section are colors, etc., no floats or anything like that...

Can anybody tell me if this is a bug, or if somehow I'm causing this?

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

It looks like you entered that text and link in the wrong part of the masthead. Can you screenshot the setup for it and post it here? Thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

I looked at the CSS for those masthead links and noticed that it was missing the position declaration "absolute" which would create a block rather than weird, thin strip. Please install the browser specific CSS plugin (http://www.pagelines.com/store/plugins/browser-css/) and try adding this CSS to Custom Code > Custom CSS:

body.firefox .mastlinks {

    margin: 310px 0 0 510px;

    position: absolute;

}

Share this post


Link to post
Share on other sites

Posted · Report post

OK, that worked great.

Where can I find more info on the specific classes I can now use with this plugin??

Share this post


Link to post
Share on other sites

Posted · Report post

There was a list in a page somewhere but ever since we changed forums, it disappeared. What specific classes are you looking for? I know these ones:

Internet Explorer: body.ie

iPhone: body.iphone

iPad: body.ipad

Share this post


Link to post
Share on other sites

Posted · Report post

Yeah, I couldn't find any docs regarding the classes. I'd like a full list of them actually...

Share this post


Link to post
Share on other sites

Posted · Report post

There's another mod who has a full list. I e-mailed him so that I can get a hold of it.

Share this post


Link to post
Share on other sites

Posted · Report post

Anybody gotten a full list of the classes that can be used with that plugin???  I sure would be useful to have it...

 

Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

It looks like you entered that text and link in the wrong part of the masthead. Can you screenshot the setup for it and post it here? Thanks.

Here's a screen shot of the Masthead setup: https://www.evernote.com/shard/s21/sh/61d24fe3-e96d-4d21-9e7f-34a7c22a84df/b69d50ea63ac91b2b20822b8c71b6ec3

But like I said in my post, it displays fine in Safari, Chrome and Opera. The problem is only in Firefox.

Thanks

Share this post


Link to post
Share on other sites