Need help making Sydney theme responsive to mobile

Hello there,

I tried to analyze the responsiveness of your site with Google’s Mobile Friendly Test, but the result is only displaying “Page cannot be reached”. Could you please confirm if your site doesn’t have IP restriction enabled?

Do you find some part of our demo doesn’t look responsive on your phone? If so, please point me to that part.

Regards,
Kharis

Hi Kharis
Thanks for responding. Here is the correct page. Sorry for the typo. https://www.memorybuyer.net.

The page had a portfolio of 15 pictures. I have decreased the amount of photos for now since they didn’t appear correctly when in mobile. I would like to add them back if I can get help making it mobile responsive.

Thank you
Pam

Hello Pam,

How do you get it on your mobile phone? Could you please take a screenshot of it? Please nota that as this support channel can’t process direct image attachment, you must upload your image file to the free file hosting service like cloudup.com.

Regards,
Kharis

Hi There Kharis!

I love my Sydney Theme! It looks amazing on my desktop and took me days to learn and create it.. however I then went to view it on my mobile phone and tablet and it looks a mess.. the photographs don’t fit correctly, the menu doesn’t even show and the Contact us page doesnt allow you to type.. PLEASE HELP! you seem to be the only person we can find that seems to be helping loads of people.. thank you!

Regards,
Jocelyn

Hello Jocelyn,

Please share a link to your site here, so I can inspect and suggest you with the possible solution.

Regards,
Kharis

THANK YOU so much for getting back to us!
https://www.jlcdancephotography.com.au

Look forward to hearing from you!

Hi Kharis!

Just thought i would check in to see if you have had a chance to look at our site! we would love your help as we cannot find any other solution..

Look forward to hearing from you!

Regards,

Hello there,

I am so sorry for the long delay.

Try adding the below custom CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 1024px) {
  
}
  .site-header .col-md-4 > a {
    display: inline-block;
    width: 232px;
    height: 100px;
    background-image: url('https://yoursite.com/path/to/image.png');
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: center center;
  }
  .site-header .col-md-4 > a img {
    opacity: 0; 
  } 

  .btn-menu {
    color: #000;
  }

}

Replace https://yoursite.com/path/to/image.png to the valid URL path of your black-colored version of logo image. Use media library (Dashboard > Media > Add New) to upload it.

Regards,
Kharis

Hey Kharis!

Thank you so much for your help! the menu and logo look loads better on mobile! however.. now that my logo is black when you view it on a desktop its a little hard to read and i would like to keep it white on desktop if possible.. just wondering if there is anything that we can do to keep the desktop view a white logo and the mobile logo black? and also if there is any way to fit the images correctly on mobile and fix the contact us part on mobile.. sorry to keep asking questions and thank you so much for all of this! We finally feel we are getting somewhere!

Your awesome and we look forward to hearing from you asap!

Regards,
JLCDancePhotography

Hello there,

I am sorry for the long delay.

I visited your site again and it looks like the header area went back to default. Do you still need an assistance with it? Is so, please re-apply all the customization you’d done.

Regards,
Kharis

Hey Kharis,

Don’t apologise! we are super grateful to have you helping us!
We have entered your code into the additional CSS and the menu looks good, the home page photos are good however the images in the background on the other pages (via mobile) don’t fit.. if you can view on mobile i think you’ll see what we mean ?? and also on the contact us page (via mobile) we cant seem to type on.. and again the boxes where you type don’t fit the page.. let us know if you don’t understand and we can explain again ??

Thank you so much again Kharis!

Regards,
Jocelyn

Hey Kharis!

Just thought I would check in to see how its all going? I have emailed you also with attached screen shots with our issues ??
We hope you can still help!

Thank you,
Regards,
JLCDancePhotography

Just replied your email. Thank you and sorry for the delay.

Regards,
Kharis

Hey Kharis!

Perfect just replied!

Thank you

Hey Kharis,
just thought i would check in again to see if you have managed to find a solution for us? ??

Thank you