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 10 months ago.
Improve this question
I have a site that is using bootstrap and some custom css. I have a css class called "full-width" design to escape the parent bootstrap "container" in order to get the background color to extend the entire width of the screen. I just noticed that I have a horizontal scrollbar on desktop. I have narrowed it down to the "full-width" class but I cannot figure out how to fix it. It has been fin up until recently.
Staging site: https://staging.warsaw.church
I really appreciate and help!
Fix this part of the css it worked for me
html {
scroll-behavior: smooth;
full-width: 100%;
overflow-x: hidden;
}
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 1 year ago.
Improve this question
I am trying to make a better website for my school. So I have it setout like this:
enter image description here
But the main div doesn't show the scroll bar.
I have hidden the scrollbar in the body element, and set it as visible in the main div element.
However it doesn't show, nor can I scroll down in it.
Any answer to this?
I just used overflow-y: auto and that worked. Thanks #JoeDF
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 4 years ago.
Improve this question
My Blogger Soho theme main page has two columns listing the posts complete with pictures. The gaps between the columns are too close. May I know if there is a css code to improve that?
Sorry if this question has been answered as I could not find one after searching and I am a newbie in css.
https://retireby50sg.blogspot.com
Thanks in advance for advice!
Actually your image width is going out of div so try to reduce the width of image. here is the css try this
.snippet-thumbnail img {
width: 95%;
}
If you don't post your code is so hard to give you a proper answer, but I could say you that you should open the CSS code about your theme and find the two columns tag or id or whatewer the theme uses, then you could use margin or padding property to make the gap between both bigger.
Use of margin and padding (Because you said you're a newbie hahahaha)
Margin: https://www.w3schools.com/css/css_margin.asp
Padding: https://www.w3schools.com/css/css_padding.asp
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 working on a wordpress site. I am currently using BeTheme on my site. There is an issue in responsive header menu.
Site Link: http://swedesuccess.com.au/newsite/
For small screens/devices with resolution 980, 800, 786 (in width), menu is not displaying. When "menu-header-menu-container" position set as "unset", menu will display. Also when I apply z-index to "menu-header-menu-container", it's not working. Menu layer is still hiding.
Thanks in advance.
Your wrapperhas overflow_hidden remove it and you should see your menu. it's not a z-index problem. add:
#Wrapper {
overflow: visible;
}
to your css
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
When my site loads the view is correct but if you scroll right there is a gap. All div's have 100% width set and no padding on right... I went through each element to putting display:none trying to single the problamatic element but this didn't help either. A test version of the site is available at www.emma-cooper.co.uk
Take width:100%; out of the #logo CSS definition, and the right and left padding off the
div#hmenu definition (make it padding:0.8em 0;)
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'm havng this small problem with my dropdown menu.
I need the width fit the content inside the content
In my css I'm using
width: -ms-max-content;
width: -webkit-max-content;
width: -moz-max-content;
width: -o-max-content;
But it´s not working on IE, is there another method for doing this?
Thanks
Can you please try this code?
ul li a{
white-space:normal;
}
Get rid of the pull-left classes on your images, then it will work without having to use max-content.
Working Bootply