Rails - Links don't work on certain pages?
I have my website uploaded, you can check it out at: http://origin-of-foods.com
The problem is that my navbar links don't work when I am on a food page! On any other page, the 7 random food links will work.
Actually, I noticed that the first 1/7 food links work, but not the whole word either. I tried moving my z-index up but that wasn't it. The navbar code is stored in /app/views/layout/application.html.erb
Does anyone have any idea what is happening?
I am using Rails v4.2, Ruby v2.1.3, unicorn v4.8.3, nginx v1.6.2
The reason it does not work is because your css is all over the place and you are position everything relative and absolute and then using margins there are multiple elements laying over top of you navigation bar and that is why you are not able to click on them. The picture below shows one instance but I viewed a few more elements and they were also overlapping your nav bar. Also you should really try to comprehend how postion relative and absolute positioning works I hope I can point you in the right direction.
http://www.w3schools.com/css/css_positioning.asp
- CSS Flexbox Gap - gap value affecting width calculation
- How to use "repeat()" css function combined with Angular ngStyle directive?
- CSS Modules and CSS keyframe animations
- Difference between Localhost and opening html file
- Use of display:none but still keep the space used
- Referencing another element in CSS / doing math in CSS
- Issue with animation, skips half of it's way
- Vertically align text within input field of fixed-height without display: table or padding?
- hover over image effect: shadow
- How can I fix nested gird layout?
- How to put some space between elements when bootstrap grid collapse?
- How can I make Bootstrap 4 columns all the same height?
- Javascript live typing animation that handles HTML tags
- applying the same selectors on sibling have a slightly different behaviour
- How to overwrite css style
- How to create checkbox inside dropdown?
- Add image or text onto all JSP pages through Struts or CSS
- Render spans inside pre tag (in the HTML, not displayed as text to the user)
- What to use in place of ::ng-deep
- Select specific element before other element
- How to change font for the CodeMirror editor
- Make circle image according to screen size with CSS
- Div taking all horizontal space
- -webkit-backdrop-filter not working on Safari
- Nested Flexbox for navbar
- How to create a Numbering marker in CSS?
- Put text under drag-n-drop area
- Remove the space between 2 elements under each other using flex
- Bootstrap 5 tooltip placement top issue when page has a scroll
- How to dim an image keeping transparency untouched with CSS or JS?