Jump to content
Beny Schonfeld

Masthead Wonkiness In Firefox...

Recommended Posts

Beny Schonfeld    1
Beny Schonfeld

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?


Beny Schonfeld

Appeando.com

On Twitter: @appeando

On Facebook: http://facebook.com/appeando

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Beny Schonfeld    1
Beny Schonfeld

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


Beny Schonfeld

Appeando.com

On Twitter: @appeando

On Facebook: http://facebook.com/appeando

Share this post


Link to post
Share on other sites
catrina    103
catrina

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;

}


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • bnapoli
      By bnapoli+
      On my site www.modishmel.com I'm seeing the "blog post title" within the "pins" plugin section breaking words into multiple lines. See screenshot attached.
      Only seeing it in Firefox. Can you help?

    • StuLeeUK
      By StuLeeUK+
      Good morning,
      I have set up my homepage using the Elements sections, a Masthead at the top and then a selection of Heroes lower down.
      I only just realised that the Heroes set a H1, as does the Masthead.
      Is there an easy way I can change the Heroes to an H2/H3 etc so as to improve the structure of my headers, whilst keeping the Masthead as H1?
      I really don't know much at all about CSS, which is why I use Pagelines because it's just so easy to create good looking pages without too much confusion.
       
      page for reference is https://www.avangocouriers.co.uk
      Thanks,
      Stu
    • abuzzelli
      By abuzzelli+
      Strange issue popped up...this site's header http://pattimhall.com looks right in all browsers except firefox. This is what it should look like:
      https://drive.google.com/file/d/0B49uWjV65L5RTGdHSFdsbzBDbTg/view?usp=sharing
      This is what it looks like instead:
      https://drive.google.com/file/d/0B49uWjV65L5RVTVLbnA5aUowWDQ/view?usp=sharing
      Any idea what's going on here?
    • richardjacruz
      By richardjacruz+
      I noticed that the cached version of the website from a Google SERP has broken CSS:
      http://webcache.googleusercontent.com/search?q=cache%3A1uyPM2gXGG0J%3Astevensoncrane.com%2F+&cd=16&hl=en&ct=clnk&gl=us
      Any idea why? The site looks fine elsewhere.
      Also, when using the Web Developer Toolbar in Mozilla Firefox, there are a BUNCH of warnings regarding CSS. I'm wondering that's the problem with the Google cache.
      In a prior post, I had experienced similar "breaking" of the CSS, but that was due to some errors in DNS. I thought we resolved all of that, so this perplexes me.
      Thanks,
      Rich
    • AliceNicholls
      By AliceNicholls+
      Hi there,
      I'm trying to place the menu bar on top of a Revslider image using negative top margins and z-scores to place the Revslider under the menu as per this forum post: https://forum.pagelines.com/topic/37996-menu-inside-full-width-slider/
      It looks great in Chrome and Safari but in Firefox the slider doesn't spread out across the page. Instead it stops when it collides with the items in the menu (i.e. logo and menu items). Any advice on what I'm doing wrong?
      The full site is here: http://seemly-hobby.flywheelsites.com/
      Thanks a lot!
      Al

×