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 have a sticky navigation, but my problem is the navigation jumps a little as I begin scrolling
http://testdev.co.za/tyme/info/
Can anyone show me in the css where the problem is.
You need to fix the position of your navigation bar using this code
position: fixed;
may be it will help you
You need to remove the padding-top: 25px from the .l-canvas.headerpos_fixed .l-header.state_sticky class in custom-vb.css.
Then you need to add padding-top: 25px to the .l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain class in the same css file.
Sooooo, in custom-vb.css:
.l-canvas.headerpos_fixed .l-header.state_sticky {
}
.l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain {
min-height: 100px !important;
padding top: 25px;
}
Any problems let me know.
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 unable to align this icon with others by CSS,
Can anyone one help me with aligning this? The page link is https://merchla.my/my-account/
TIA.
On this class here <ul class="jssocials-shares" id="wpuf_social_link"> add display: flex;
ul.jssocials-shares li.jssocials-share-google a img {
width: auto;
height: 1em;
Remove all the css code from below code
ul.jssocials-shares li.jssocials-share-google a { }
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 want to make the class .cart to be fixed at the bottom the the screen at all times like a fixed footer. Currently user has to scroll all the way to the bottom of the page to view this div. I have tried the following css but to now avail.
Although this code works fine for my in JS fiddle but not on my webpage (link below)
JS Fiddle -- > http://jsfiddle.net/Lec5yu1d/2/
My webpage -- > http://omgjewelz.com/create-your-set
.cart { position: fixed;
left: 0;
bottom: 0;
width: 100%; }
Hi adding this code to your style will make it work,
You need to make footer sticky along with positioning it, So here I added bottom:0px for you.
footer.site-footer {
position: sticky;
bottom: 0px;
}
For better view, I will suggest you to use background white behind the text div, as right now its transparent so it will mess up with content,
.footer-bottom {
background: white;
}
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 need to center this: https://www.nologo.surf/4-fun/ on 360º image isnt center...
Thanks
On your div with the class threesixty-image add this:
.threesixty-image {
margin: auto;
}
I tested in browser and that should center it for you.
Just add this code in your CSS
.threesixty-image {
margin:0 auto;
}
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 use visual composer in Wordpress and both when I make the image here rounded, either with Visual composer or directly with CSS it still does not become rounded in the corners.
Link: http://hope.ly/13Aaqw8
Does anyone have any ideas ? Suggestions ?
You can set border radius on the parent wrapper:
.wpb_column > .wpb_wrapper *:last-child {
margin-bottom: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
But this will depend on the cropping of the image inside this wrapper.
It looks ok to me when I edited it directly in the chrome inspector. but you should post your own code really to see what you have tried.
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 have this page HERE. And the CSS is HERE. I would like <div id="main-img"> to be behind <header>. I have done z-index so many times before but I just cannot figure out what I'm missing here.
Thanks!!
Your div header has position relative, z-index only works with same position type
Try to change your style of your header like this:
header {
top:0;
left:0;
position: absolute;
height: 172px;
max-width: 980px;
z-index: 1;
}