Jump to content
Sign in to follow this  
russellprisco

search bar on top of social icons - firefox incompatability

Recommended Posts

russellprisco

It looks just fine in IE inIE.png but in firefox it looks like this smashed2gether.png Thanks in advance =) Russell =P

Share this post


Link to post
Share on other sites
cmunns

Well the search bar is supposed to be where the phone number is by default. Do you not want it there at all? You can do this in the theme options :) Otherwise give us the desired result and a link if possible.

Share this post


Link to post
Share on other sites
russellprisco

The desired outcome is the first picture. The 2nd pic is how it looks in firefox. Here you go =) Thanks =)

Share this post


Link to post
Share on other sites
catrina

That is quite strange. I'm checking your search bar on the latest version of Firefox, but it doesn't display what your second picture is showing. In the past 2 hours, have you figured this out?


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
russellprisco

No. And more specifically the picture is actually from flock. I usually just say firefox when I'm talking about flock because it's a mozilla based browser and everything always seemed to display the same... But sure as sugar, your right. It looks fine in firefox, but not in flock.

Share this post


Link to post
Share on other sites
russellprisco

Yes. It's like a better version of firefox that makes social networking much easier.

Share this post


Link to post
Share on other sites
catrina

In your custom CSS, try adding this, save it, and preview your site on Flock to see if it nudged the icons up a bit:

#header div.icons {margin-top: -20px;}


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
russellprisco

Thanks, but no such luck. (that was supposed to go in the css rules section, correct?)

Share this post


Link to post
Share on other sites
catrina

Yes, it was, but since it's not working then you should just take it out. What do you think about moving them somewhere else in the header so that they're not partially hiding behind the search bar?


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
russellprisco

No. I read in many places that it was compatable but apparently not with my version. Now however, it looks messed up in IE as well.

Share this post


Link to post
Share on other sites
cmunns

I've tried finding a good way to debug in Flock but there doesn't seem to be one yet :( What IE version do you see it in?

Share this post


Link to post
Share on other sites
russellprisco

=( IE8 To be more specific, IE8.0.7600.16385

Share this post


Link to post
Share on other sites
russellprisco

It's been a while now, but I think I had initially followed directions to position it where I had wanted it in the first place by adding this to the header file. <?php include (THEME_LIB . '/_searchform.php'); ?> Not sure if this has to do with it displaying incorrectly. It always displayed perfectly in IE though, just not in flock. Which, ironicallyl, i've never checked in firefox, but it looks correct in firefox.

Share this post


Link to post
Share on other sites
russellprisco

Any ideas how to properly place the search bar? Thanks, Russell =)

Share this post


Link to post
Share on other sites
cmunns

Let's try some absolute positioning. ` #header .searchform { position:absolute; right:0; top:20px; } ` Paste that into your custom css in the theme options.

Share this post


Link to post
Share on other sites
russellprisco

Getting there! Looks great in Firefox and IE, thanks =) It's in the same position on flock, but for some reason the stratight line on the bottom of the oval (where you would type in) is cut off...and I also just noticed that the word "search" is not inside the box also.

Share this post


Link to post
Share on other sites
bryan-hadaway

Cross-browser compatibility is very important. However Flock is a not a major browser (http://www.w3schools.com/browsers/browsers_stats.asp). It is more important that your website looks good in Firefox and IE, if the look of the site is appeased for Flock and compromises the look in other browser, we could not recommend that. If you run Google Analytics, you can see what browsers your visitors are using. Thanks, Bryan

Share this post


Link to post
Share on other sites
russellprisco

totally agree, and yet had no idea flock wasn't even up there at all. I've been using flock for years now and just thought that by now it would have had more of the market share. Thanks =)

Share this post


Link to post
Share on other sites
mweger

I want to do the same thing. In Custom CSS I have only "body{}". Where does this go? Thanks, Mark

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

Sign in to follow this  

×