Forum Replies Created
-
Posts
-
That good for desktop but mobile needs help. See how theirs has the title then the other text is to the left and button on the right? This is more compact and saves space, compared to ours that is just stacked.
I did send you a screen shot of what I want my banner to look like. I put it in the private section again. See how theirs looks centered and nice on both Desktop and Mobile? Mine looks horrible on both, not centered and very strange on mobile view.
I tried to make a banner myself on the home page, called “GET THE RIGHT SIZE”, but it looks horrible on Mobile view and not centered on desktop. see screenshots
Please help, thanks
1. When I added that code, it changed the look on the desktop also. It looks good on mobile, but how do I just specify that only?
2. Also, trying to get rounded edges on these specific images only. What code can I add? And need to make sure the “square” link box around it doesn’t show.
Thanks!
Ok thanks but there is a popup on the home page now, right over the main page. How did this get there and can you remove this?
and one more thing that might be related:
(see attached) Is seems like I have 2 side bars scrolling. How is this and how do I fix this?
Last question. I’ve been updating the Color of the Footer/Sockets in the “General Styling”, but it doesn’t show on the live page. I even cleared the cache. Any ideas why its not showing? (SEE ATTACHED)
I think I have a lot of extra unneeded CSS code. Could you take a look and fix this for me?
.phone-info {
font-size: 30px;
}#header_meta a, #header_meta span {
font-size:17px !important;
}/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 130px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}@media only screen and (max-width: 1200px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}.phone-info {
font-size: 18px;
}@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 30px !important;
}.responsive #top .slideshow_caption .avia-caption-content {
font-size: 8px !important;
line-height: 10px;
}.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 20vh !important;
}
}@media only screen and (max-width: 767px) {
#top #wrap_all #main .avia-section {
background-image: none !important;
}
}.html_elegant-blog #top .post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .slide-meta,
#top .news-time {
display: none;
}html, body {
background-color: #04aef7 !important;
}.page-id-2413 .slideshow_align_caption {
vertical-align: top;
}@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.avia-slideshow li {
visibility: visible !important;
opacity: 1 !important;
}
}So when you look at my website on your phone, the main slider image shows??
On every iphone and tablet, there is a black white space where the slider is, until you start to scroll. and if you hit refresh, it goes back to white area and won’t load. How can I show you this and does anyone there have an iphone??That blue bar is on top of every mobile view and main view. How is that bar there?
see below screenshot
Still didn’t work. I tried on other mobile devices also. The slider is just white and blank, until I move. And if I refresh, it is white again.
Not sure, can you take a look and see why the blue bar is showing? I have this is the CSS, but if I take it out, it just changes color:
html, body {
background-color: #04aef7 !important;
}login included below
And one more thing, all the product Don’t show “Add to Cart” option below the photo, like it used to. Any ideas on that??
Didn’t move anything. If you look on the Check out page, it is only for the COUNTRY and STATE options. weird
Top one worked thanks.
And yes, let’s Move them up above the actual field. That might solve the issue?
That worked great, but now it makes all the other pages that have more products, all 1 column. see: https://priverproducts.com/shop-now/
Can you specify a certain page, like “post=91”?And one more thing, all the product Don’t show “Add to Cart” option below the photo, like it used to. Any ideas on that??
And some of the fields on cart and checkout have text fields wording that overlaps. Like the United States part. can you take a look?
Great, and can you help me find out how to change color for the Green circled area, that says “Proceed to Checkout”?
Ok, I am trying to feature 1 product. How do I just show 1 shopping product on the page. All options are for multiple.
I sent you the page link. See how the product doesn’t look good and it set to 2 column, underneath the video? How can this just be bigger and take up the space or full space area?
