Forum Replies Created
-
AuthorPosts
-
April 27, 2020 at 11:00 am in reply to: Altitude Pro – Genesis – Images Optimized for Mobile #498228kimsmall10Participant
Hi Anita:
Thank you, but I tried looking at my site from a completely different mobile device this morning that has never visited my site and the problem persists.
I have gone back to the original code and started from scratch, twice. The issue now is the zooming of the front page images as well as not scrolling on a mobile device.
I have also deactivated all plugins.
I even tried adding additional CSS for background-image, which didn't work, either.
I appreciate you trying to assist me with this, but nothing is working.
April 26, 2020 at 10:38 pm in reply to: Altitude Pro – Genesis – Images Optimized for Mobile #498217kimsmall10ParticipantHi Anita:
Thank you.
I copied the original code into the css from the them file and went through the process of adding my background images back in, then went through the process of adding front pages 2, 4, and 6. The website works perfectly on a desktop but not on a mobile device.
I am not sure how to fix this now. I added in Sridhar Katakam's code for "How to edit Altitude Pro’s style.css to fix the background images’ loading problem," yet I still can't get the images into focus on a mobile device, or with a fixed background with the code you suggest.
@media only screen and (max-width: 1280px) {
.site-inner,
.wrap {
max-width: 1140px;
}
}
@media only screen and (max-width: 1200px) {
.site-inner,
.wrap {
max-width: 960px;
}
.site-header .widget-area {
width: 580px;
}
.content {
width: 520px;
}
.full-width-content .content {
padding: 0 110px;
}
.genesis-nav-menu a {
padding: 30px 10px;
}
.site-header.dark .genesis-nav-menu a {
padding: 20px 10px;
}
/*.front-page-1,
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
background-attachment: scroll;
}*/
}Sridhar's code to fix the issue -
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
/*border-top: 54px solid transparent;
margin-top: -54px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;*/
z-index: 9;
}Please let me know if you see anything incorrect.
Thank you!
kimsmall10ParticipantNow the focal point changed for me! Oh boy. Not sure what is going on!
kimsmall10ParticipantAhhhh, let me try again!
kimsmall10ParticipantI did. Akismet? Search Engine Visibility? Should I deactivate?
kimsmall10ParticipantHi Anita: Thank you so much for your reply, but that is not working. I tried the root after the max width 1140px, also with no luck.
@media only screen and (max-width: 1280px) {
.site-inner,
.wrap {
max-width: 1140px;
}
}
@media only screen and (max-width: 1200px) {
.site-inner,
.wrap {
max-width: 960px;
}
.site-header .widget-area {
width: 580px;
}
.content {
width: 520px;
}
.full-width-content .content {
padding: 0 110px;
}
.genesis-nav-menu a {
padding: 30px 10px;
}
.site-header.dark .genesis-nav-menu a {
padding: 20px 10px;
}
/*.front-page-1,
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7 {
background-attachment: scroll;
}*/
} -
AuthorPosts