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
So I’ve tried the content-fluid tag as well as the meta tag <meta name=“viewport” content=“width=device-width, initial-scale=1, maximum-scale=1” />
You can check it out here: emotesheaven.com/dev1987 for a live example of the issue occurring as I can’t post images. I find it strange as the website on desktop looks fine, but only on my iPhone 7 it appears weird. Thanks!
To fix the title text add this to your code.
#media screen and (max-width: 780px){
.intro .intro-title {
color: #fff;
font-weight: 600;
font-size: 2rem;
}
}
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 2 years ago.
Improve this question
I want to change the background color of the "Contact" button in the mobile navbar of this website https://originmedia.at with Wordpress to the same orange color like the other buttons on the website. Does anyone know how I can change it?
Try adding this code to Customize > Additional CSS:
#menu-2-5279cfc li:last-child a {
background: cornflowerblue;
color: #fff;
}
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;
}
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 6 years ago.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
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.
Improve this question
The website I'm working on has a div on the right showing code examples in the hero section of the homepage. We use a similar div on one of our landing pages (https://buttercms.com/l/ruby-blog-software/) but the bottom of the div doesnt have rounded borders.
I can't figure out why the landing page div doesnt have rounded borders but the homepage div does.
It only did it at certain breakpoints and only on one of my monitors.
The <pre> only showed up on the same breakpoints the border was wrong
The solution that worked for me was
body.landing_page .code-examples .code-container .code pre {
margin: 0;
border: none;
border-radius: 5px;
text-align: left;
min-height: 320px;
}
The original border radius was 0px
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;
}
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've been having issues center aligning the contents of a div in a wordpress site I made. The site is http://www.triplebs.ca and I want the "subscribe to our newsletter" div to have everything in it centered, but can't figure it out. Can anyone help me out here?
Add this to your css:
.newsletter-widget, .widget_newsletterwidget {
text-align: center !important;
}
Add following CSS rules:
.newsletter-widget p {
display: inline-block;
}
Also you need to add to the closest form tag:
text-align: center;