Okay basically for some reason, I barely noticed that when I load up my project the scrollbar is missing on all browsers, which is weird, i can force scroll by clicking down on the little mouse ball on my mouse. Although on internet explore that doesn't work at all.
I tried to retrace my steps after modifying my code to see what could have gone, but since i barely realized it, not very sure when it occurred. Thats why I can not provide a problematic code.
I'd appreciate it if someone could take a look at it for me.
Removed link Because answer is solved.
You have overflow:hidden on your html. If you change it to scroll, the scroll bar appears.
If you are wanting to stop horizontal scrolling, use overflow-x:hidden
your body has the following css.
#wrapper {
overflow: hidden;
This is causing the scroll bars to be hidden;
Related
Page: https://merkd.com/new.php
The area boxed in red is the trouble area. On my desktop browser no matter how small I reduce the size of the window it will not allow me to scroll right and view this blank space, which leads me to believe its a mobile-only issue.
Additionally, on my device, when you load the page initially the page zooms so that you do not notice it unless you scroll over or zoom out.
I tried using Chrome Remote Debugging but could not get it to show me what element that white space belongs to.
Any ideas what may be causing it? I realize it could be quite a few things, but I wanted to make sure I wasn't overlooking a common issue or a silly mistake on my end.
Mobile View:
The issue here is that your title-area has margins on the left/right that cause it to overflow past the container it resides it, pushing out the edges.
So in short..
<div class="title-area" style="/* margin: 4em 1em -2.5em 1em; */">
Needs to become
<div class="title-area" style="margin:4 em 0 -2.5em;">
Okay, I believe this one will be a hard one... I would search the internet first, but I can't put the question correctly, I only have images and wild guesses as to how it is done. Maybe you will find it interesting too, maybe it is a piece of cake for you... So here we go:
I believe you (maybe) are familiar with Russia's and Ukraine's social network called VKontake.
It's like Facebook, well, the idea was taken from Facebook.
So, notice the scrollbar and how much space there is. When I click on the underlined this opens:
See how the scrollbar changed, and you can only scroll the content of the "wrapper div".
But, the background is still the vk.com/idmyidnumber, that means no redirection occurred, it only added ?w=wall57371848_7204
So the question is as follows:
How to "print out" a div that appears on the current scroll position, and is scrollable like on the image.
If you are interested, I can supply you with the code. If it's easy as 1 2 3, please answer :)
The trick is that popup appears to be a child of an element, which has "posision: fixed" style and its width and height are equal to window's.
This fixed element contains another element which has more height (and which contains modal's data), therefore fixed element shows scroll.
Fixed element's scroll overrides body's scroll.
I believe you want a modal window. There's a great tutorial on how to create one here:
http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/
Also the overflow element of the DIV tag will define the scrolling capability for the div that is brought up in the modal window itself. That's a CSS thing and is better covered here:
http://css-tricks.com/almanac/properties/o/overflow/
Hope that helps!
You need to provide your top level modal div with CSS:
text-align: center;
vertical-align: middle;
position: fixed;
width: 100vw;
height: 100vh;
The position: fixed; fixes its location against the browser.
I have created a website named m2mreach.com , the site works well apart from having the bug in the contect us page "www.m2mreach.com/contact-us.html " the address is not showing up in this.. Here with i'm attaching the image of the bug . Kindly assist....
Thanks
This is the same question as this question but I'll answer this as it's slightly better formatted.
The data is present, it's just the margin and padding you have applied to address in your css. If you remove the margin and padding it shows.
If you set the margin to margin: 0 20px; the address shows.
I can see that the css that is causing this is from typography.php which is part of jckeditor. I think you just need to override the style on that element.
I'm not very good with css, but this one was easy to work out. I suggest you grab firebug for FireFox or use the tools in your browser (Chrome has dev tools too).
I've been trying to debugg this for hours now with no success. I blieve i boiled it down to the background slider which is SUPERSIZED.js. Unfortunately their forum lacked support also.
If someone fires up IE9 and goes to http://www.designobvio.us/avproduktor/
you'll see that everytime you move the mouse across the screen the first two LI (home & news) flicker with the mouse movement.
I've google'd this problem for hours does anyone have any incite?
jQuery Mouse Flicker in IE
I believe that this is a similar issue however, my menus must be bi-lingual therefore this fix will not work?
I'll gladly provide full package for anyone if you can help!
Thank you so much for your time,
Matthew
Solution to your problem is to set some high z-index in css style of these elements. I tried it in developer tools of IE and it helped (I've added it manually to the style of LI elements in the menu). Let say
.menu-item {z-index: 10000;}
My website at http://www.oblivionro.net isn't properly vertically-aligned when you click on a different link in the menu.
For example, if you go from the home page to the ventrilo page, you'll notice that the alignment of the website shifts to the right and down a bit. I know a fair bit about php, but I'm not that great when it comes to css and designing websites.
Anyone know what the problem might be? Thanks in advance.
Your link doesn't work for me, but I can guess what the problem is. To fix it, add:
html {
overflow-y: scroll
}
That will force the vertical scrollbar to always be visible, so there will no longer be a "shift" when you move between pages that do/do not have a vertical scrollbar.