OSX and Safari Problems [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am working with wordpress walkers and putting an icon just above the sub menu list items on primary navigation.
The problem is that with OSX. nothing I do via java or css positions the elements correctly in safari
http://thehaventucson.org/
I am more then willing to give creds to trustworthy peeps as well.
I would like to either get correct positioning or remove the element all together but on in safari.
I have combed through just about every snippet here and nothing seems to work.

Try using position: absolute instead of position: fixed on your little chip

Related

Claimed to be the same height but doesn't seem to be [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 11 months ago.
Improve this question
Difference between the headers
The website's header
My header
Can anyone please tell me what is the thing that is probably making this happen?
This is my span's style
This is the website's span's style
Edit: I tried to make the headers of stack overflow and facebook, I did not have the same problem, but I need to know why this website is like this.
Well it is the same, but the page is just resized. If both browser windows were the same size, they would be the same. The difference is very slight anyway.

problem with hovering effect it not showing [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
enter image description hereenter image description here
So i'm trying to have a hover effect on my filter as shown on the html and css above but it not applying. However i have figured out that if i remove my "div pul" it works fine but on the other hand I need that div "pul" in order for my filters to be responsive on the mobile side, so if anyone have an other solution to offer it will be much appreciated. I have tried a number ways but nothing.
here is my website: https://mitch73.github.io/Reservia/
Your hover-css is applying.
Your problem is, the a element is an inline element and therefore margin-top is not applied to it.
here is a js-fiddle with your code:
https://jsfiddle.net/edwkaL1c/1/

HTML/CSS bottom navigation misplaced [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am very new at both HTML and CSS but learning on the way. I have come to a stuck point and I can't seem to work it out. When viewing my webpage I have noticed that when I 'inspect element' the bottomnav div and ul div are both the size of my main div which is basically 0.
This is causing my issues in terms of trying to place a boarder on my bottom navigation.
None of the images are working but here it is
Code: http://jsbin.com/xuluqugovu/edit?html,css,output
Thanks for anyone's help on this.
Set overflow:auto on the .main rule (since its contents are floated, it does not expand to contain them)

#media query does not seem to be working [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Does anyone know or could point me in the right direction with this site, I have major issues with IE 11. I have not tested lower than this yet but Chroms, FF, Safari all work fine.
If you compare this website in both you will see the difference, it looks to me like media queries are not applying to the website. But I have no idea how to get it working. I know this is a glow in the dark!
www.stamford.ac.uk
Left side is Chrome and right side is IE11. I don't see any differences, but the menu needs more contrast and the "Find a Course" needs adjustment to be responsive.

Main Menu responsive issues [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I was working on this site for its mobile responsivenes.after a few css edits I managed to make it responsive.I tested in different browsers.its working fine but not in mozilla firefox.when we scroll down to the bottom of the page it shows a horizontal scrollbar.just in mozilla.then i figured out its the issue with menu so i changed the css to following
ul#menu-main{overflow:hidden;}
it solved the issue but the dropdown menu was not showing which was showing before i changed the above css.so I reveretd back.
is there any other css to make it responsive in mozilla without hiding the dropdown submenu? thanks!!
I believe this might be the solution to the problem. In the container div, instead of using overflow:auto, use overflow:hidden.
I inspected and checked with firebug and it worked for me