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
I am using vuejs and bootstrap framework for my website; however, there is a white space on the right hand side of the entire website which I do not know how to get rid of. I try to eliminate the margin or padding, but nothing works. Please help.
Testing website link
This (as mentioned) has nothing to do with VueJs. You seem to have several elements that extend the width. One quick way you can fix that is using this css
#app {
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
On the mobile version of the website, you can scroll to the right to the navigation, which should actually only be accessible via click. How can this be changed?
(URL removed)
I have already tried many different solutions that I have found, but nothing works so far.
I am looking for help in this individual case.
Thank you very much :)
By moving your .main-nav element with transform to the right you extend width of the visible content, and since your scroll properties are default it will enable you to scroll the entire visible content, including that menu.
What you want to do is clip everything that is outside of your html or body element.
CSS
html {
overflow-x: hidden;
}
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 3 years ago.
Improve this question
I'm working on this website http://shapeofyou.lotusong.info/ and I am trying to make the boxes on the main page fill up the entire screen. How do I do that? I tried looking for any padding or margin but there wasn't any. Any help will be appreciated.
Thanks!
.container and .wppb-container have a max-width applied. Set them both to 100% and you'll be good.
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 3 years ago.
Improve this question
I am working on a website
http://weddingempires.com/category/planning/
There are images in the right side of the website i.e. in the right side bar. You can see that the images have white space around them. I want to remove that white space. I want the images to be fit into the space and no white space should be there. Please tell me that how can I do this. I think some CSS will do work. But I do not know which classes should be targeted. Please help me in this regard. Thanks
Open Chrome Dev tool by pressing the combination
ctrl+shift+I
DevTools can help you edit pages on-the-fly and diagnose problems quickly. I've found that you have extra padding in the sidebar just remove that it will fix.
Here are the classes
.sidebar-primary .widget
I hope it will work. I have tried using Devtool it works fine.
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 3 years ago.
Improve this question
I am getting a strange margin under my images.
I have set the margin/padding on both the containing div and the image to 0
This is the site i'm working on: https://www.philipnordstrom.com/
It is coming from your body font-size: 10px. If you change it to 1px the space between is gone. Try to add a css class like: div a { font-size: 0; }
You can see the link on the picture. I cannot tell you why this happens maybe because images aren't meant to be linked like this in the default case. I would need to dig deeper inside this to tell you the reason ;)
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 5 years ago.
Improve this question
My website (skinstuff.nl) will not scroll. Could someone help me. I really can not find out why.
There are no postions in my body or html.
If you want to let it scroll horizontal dont set your width:100%
It doesn't scroll in height cause your content simply isn't high enough.