In this store, if you click on the first two links in the menu, after you scroll down the menu changes: it stays at the top of the visible page with a black background. This way the visitor always have access to the menu.
The squarespace theme I'm using allows this to happen only to these first two pages.
If you enter any other menu link and scroll the page down, you will see that the menu doens't do what it does in the first two pages. If you scroll down, the menu stays at the scrolled part of the page.
I'd like to identify the menu CSS which makes changes it and makes it stay at the top of the page with the black background and apply it to all pages.
I'm having a hard time to identify it using FireBug.
If you need to just identify the stylesheet use "inspect element". Right click and select it.
For CSS to make it stay at the top, I think position:fixed will work.
Related
I have an animated Burger Menu in the mobile view, which slides from right to left into the screen.
With overflow-x: hidden the inactive Menu shouldnt be seen in the page.
In the normal view (smaller browser windows) it works.
But in the mobile view (on my phone or mobile view in browser), after first click on the burger menu, it allows me to scroll right to the space from the "hidden" menu background.
See screenshot
I have a live view of my page, so maybe its better for you to understand instead of posting the whole website code here. I didnt wanted to post only the footer code, as im not sure if maybe its related to something else in the body.
Live Site
add overflox-x: hidden to html
I have given href link for readmore button like this
readmore
in my index.html page. I have used bootstrap3 and there are scroll animation for navbar sections.
Now when I click on that readmore button in my index.html page cursor should animate to about us page and it should have a scroll animation to go for particular DIV. is this can be achievable? Should I provide the whole project here?
Answer is in this user's question smooth scrolling to a div in a different html page
I'm using pointer-events:none; on the main photograph at the top of my site http://www.onedirection.net/, to allow the user to select the navigation behind the image.
However, I'd like to let the user click on each member of the band to go to a separate page, but ONLY for the parts of the image that don't overlap into the navigation.
I'm a bit stuck with this. Can it be done? I was thinking of using an image map, but can't get it working without the navigation becoming "less clickable".
I don't know why, but when my page loads, i get scrolled in the middle, but i don't have any anchor aiming on this point...
Now i have to put a <a href='MY-URL#top'></a> anchor in every page for not getting scrolled on the middle...(Firefox don't even get them :0, -webkit browsers do...)
I have many anchor aiming on id's, and a JQuery script for smooth scrolling, but no one for the middle scrolling of pages on load.
You can see that here :
http://www.groupae.be/ediser/2.0/nos_produits.php
What would fire that scrolling on load?
If the page is long enough to have scroll and if you set focus on some element (for example for accessibility features), browser scrolls page in such way that focused element is in the middle of the screen (if scrolls allows to do it, if not it will be scrolled as far as possible).
its ok i found why i was getting scrolled, just the autofocus in the footer form... :/
I have some page content in an iframe. I also have a drop-down menu that contains some user options. In IE (9), when I open the drop-down the menu, it appears behind the iframe. In every other browser, the behaviour as is correct (the menu appears on top of the iframe).
I have tried applying various z-index properties to these elements without success. Their common parent element is just a <body> tag.
How can I ensure that the drop-down always appears on top of the iframe in IE?
So one possible solution is to put an empty iframe on the screen, directly beneath the drop-down menu. You can use the z-index in this context to ensure that menu appears overtop of your empty iframe, and the whole thing will appear on top of the original iframe.
Not a very nice solution, but it works. I'm open to any suggestions on how to do this in a nicer way.