Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 9 years ago.
Improve this question
I have been scratching my head over it for a long time. Unable to find a solution. I have uploaded the website on live server for you to see. Ok the problem is that logo keeps pushing the div down causing navigation menu to break . The problem is worse on firefox and safari.
It would be hard to explain unless you see it yourself however I am attaching an image to make it clear what the problem is.
Here is the URL where page is located: bitcoinirl.ie
P.S: I know it is a bad practice to post url instead of code but really can't figure out the cause for the problem. Hence unable to paste appropriate code
Ahmar
While I see countless problems in the code (or is it template/boilerplate?), this fixes the problem as you describe it, without accounting for your lesser screen sizes (I can't test the fix because the menu gets garbled on responsive breaks).
Line 334 or so of styles.css
.nav-menu__link {
width: 120px; // Change this to 12-13% instead of 120px;
}
Related
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 days ago.
Improve this question
The website is: https://www.epicoyachts.ch
As you can see there is the possibility to scroll right, which should not be possible.
I've tried to play around with the positioning settings, trying to scale the upper bar to the screen. But it has not solved the problem. I can't understand which settings I have to adjust, and mainly of which element.
it's the tiny red arrow to scroll back up
I haven't found any code for your website but, I have a feeling that for your page dimensions you are retrieving the data from the user resolution or, using a constant resolution like 100%.
If that's the case then I'd suggest possibly a fixed lengt resolution of eg 1920p.
//You can try this first if you did not have this
html, body {
max lengt: 100%;
overflow-x: hidden;
}
// If you did have it you can try changing 100% into a standart resolution (1920)
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
I am in the process of creating this website
if you open developer mode on chrome and change to ipad there is blank column to the extreme right that runs throughout the page. I have no idea whats causing that break and i want to get rid if the space. All I can see is there is a border:box property from reboot.scss. bootsrap 4 is used in this development
any pointers will be much appeciated
Just add
html, body {
overflow-x: hidden;
}
Since you have overflowing/long link to the mail, it is taking up the area. If you use word-break for the same it works, depends on how you want to handle it.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I am having a problem making the footer smaller on this website.
http://leetaxi.webuda.com
after the phone number at the bottom you will see the huge white space, is there any possible way i can reduce this size so its much smaller.
I can't seem to work out what the problem is, i have even though it could be the java scripting at the bottom but it doesn't seem to be that.
If anyone could redirect me on the right path that would be perfect.
Thanks ever so much for your responses.
It is probably caused by the
<br>
tags after the footer, and the job of a brake is to create a separate line, so it has the same effect as if you where to hit return on word a few times. Hope this helps :)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
It's really bugging me and I have no idea why when I view this site on my mobile, it only shows the middle section and not the sides.
My side navigation is on the left side and completely cuts it out and I can't scroll to it.
Is there some sort of media query I could try? or change my CSS somehow?
Sorry I'f I'm being vague but I have no idea what to ask to make it work.
Here's the site www.joetest.comyr.com
thanks in advance for any help !
You have the width of the #mainpage set rather than a max-width, so as the page is scaled down, the #mainpage is taking the whole screen. Also, you have a negative margin-left set on the #leftpanel which pulls it off the screen when the screen size is smaller. I was messing around with your site using firebug right now and by removing the margin-left attribute I was able to keep the menu on the page while resizing the browser.
You're probably going to have to change your html structure though if you want to retain the exact layout on smaller screens.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Improve this question
So, this is based on WordPress. Here is the blog on safari and on firefox, what is wrong, likely with the css, since firefox it is not displaying the page correctly?
on safari (, mouse hover on first post)
on firefox
html (with php) - pastebin link
html (generated) - pastebin link
css - pastebin link
the first grayed element on firefox is this
Added a jsfiddle: DEMO
The "display:moz-box;" applied to .post-holder is preventing the images from showing up. Looking into WHY now.
I haven't messed with flex-box layouts much at all, so this is largely assumptions. You have a "display:mox-box;" set on .post-holder, but .post-image neglects to set any flexbox properties. Adding "-moz-box-flex: 1;" to .post-image causes the images to display, but likely are not the size you're shooting for.