Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Code for removing image crop on Mobile View (goal: maintaining Desktop View) in Mojave Template


Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

If you want both to look like desktop then you need to encourage your viewers to use landscape view in mobile, turn the phone. Put a note like best viewed  horizontally, I viewed it that way and there

Posted Images

If you want both to look like desktop then you need to encourage your viewers to use landscape view in mobile, turn the phone. Put a note like best viewed  horizontally, I viewed it that way and there is no image cropping. You can also go into settings and disable mobile view completely. But if you do that and your viewers look at it vertically on a phone then the content is going to be quite small. 

Edited by derricksrandomviews
Link to post
On 9/25/2020 at 11:42 AM, derricksrandomviews said:

If you want both to look like desktop then you need to encourage your viewers to use landscape view in mobile, turn the phone. Put a note like best viewed  horizontally, I viewed it that way and there is no image cropping. You can also go into settings and disable mobile view completely. But if you do that and your viewers look at it vertically on a phone then the content is going to be quite small. 

Thank you for responding, that may end up being the best option. Appreciate!

Link to post
On 9/29/2020 at 8:21 AM, smokycourtz said:

Hi there, yes! That's exactly what I mean! Any further insight would be unreal, thank you'll be eagerly awaiting your response!

Add to Home > Design > Custom CSS

/* resize mobile banner */
@media screen and (max-width:640px) {
.homepage .Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 20px !important;
}
section#about-intro * {
    font-size: 40px;
}
section#about-intro {
    min-height: unset !important;
    height: 220px;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...