Button Not Working on Mobile [closed] - html

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 years ago.
Improve this question
leishasbakeria.com
Button in brown box on home page (says YUM!) is not working on mobile. What is blocking it?
(the one in the blue box is, but that is only because I set that whole column as a link in VisualComposer. When I do it this way, I lose my hover animation for the button)
This is set up in Wordpress with Visual Composer.

Well, the float: none; rule is blocking your button. But I'm not shure why. It is declared in the following css rule:
Inline:1 #media only screen and (max-width: 1000px) .grey-box {
display: block !important;
margin: 0 auto !important;
float: none;
}

Related

CSS: White bar on the side of my product pages [closed]

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
My product pages have a white bar on the side of them that make them wider than my browser. I've checked on another computer and have the same thing. See: https://vaped.ca/products/healthy-rips-fury-edge-vaporizer - I've also attached a screenshot.
This is only happening on my product pages.. not on the homepage or collection, so it isn't site-wide.
I'm happy to donate to anyone who helps me solve this! Thank you )
It is your .jdgm-review-widget. Get rid of the padding and your good to go:
#media only screen and (min-width: 768px){
.jdgm-review-widget:not(.jdgm-review-widget--medium) .jdgm-histogram {
margin: 16px 0 0 0;
/* padding: 0 50% 0 34%; */
border: none;
}
}

Bootstrap Popover Full screen with Margin [closed]

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 a popover with full screen from Menu tabs with 30px margin from right & left side or I need a popover which need to open only in specific container width. I was just trying on specific div but its not working, please check on below fiddle.
https://jsfiddle.net/gzucny5o/
Working JSFiddle here
Added these properties to the .popover class styling
margin-left: 30px;
margin-right: 30px;
left: 0 !important;

How to customize bootstrap [closed]

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'm trying to make a change to the text color on my navbar but it doesn't to work. I'm using bootstrap locally not from cdn.
Here is a screen shot of my code:
Since you want to change the anchor within the navbar-nav wrapper of your navbar class, you should specify that in your css too like this:
.navbar-nav li a {
color:white !important;
}
Demo jsFiddle: http://jsfiddle.net/AndrewL32/65sf2f66/69/
You should override bootstrap using the "!important" keyword..
Example:
.navbar {
color: white !important;
}

Centering <td>'s in a <div> [closed]

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 am fixing up a website for a tech night at my school. The navbar was on the side which isn't my favorite view for the bar so I put it on top, but I can't get the table data or menu to center in the div.
http://jsfiddle.net/ksta1584/c88qswsx/
<a href="http://jsfiddle.net/ksta1584/c88qswsx/">Link<a/>
I would also like instead of the lines disappearing when you scroll over that they are all in equally sized boxes and the boxes sort of "pop" out. I'm not sure how to do that and can't get the border to appear.
Do this in your .nav:
.nav {
width: 100%;
text-align: center;
position:relative;
top:35%;
}
Put margin:0 auto into your .nav rule

Bootstrap 3 Dropdown menu not fitting the width of content [closed]

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