Mobile support

Dear sir/madam,

Is there mobile support in the non-pro version of sydney?

If so, how do I make it work?

Now everything is mixed, pictures and bars are to big etc.

Would be really happy if anyone could help.

it’s about: wendygeuverink.nl

Kindest regards,

Karlijn

Hi there,

All of our themes (pro and free theme) are already support for the mobile screen. But sometimes every section has their own content which is can make it not looks good when displaying in mobile screen.

I already checked your site and all looks fine.
Can you elaborate your issue? which section is not looks good in mobile screen?

Regards,
Awan

Dear awan

Thank you for your quick response.
In the desktop version I moved the slider text to the left. On my mobile phone its now out of the screen and to large.
Also the ‘call to action’ bars are very high and the pictures I used for navigation are not adjusted to a smaller screen.

Could you explain how to adjust that?

Thanks you very much!

Karlijn

One addition:

The header picture is not full screen on a mobile phone anymore after the last update. It would be great if I could get that functionality back. I love that.

Hello there,

You need to add custom CSS code to manage the slider text when its displayed in mobile screen. Please add these code below to your site:

@media only screen and (max-width: 600px){
  .slide-inner {
    left: -105px !important;
    top: 10px !important;
  }
  .text-slider .maintitle {
    font-size: 12px;
    max-width: 200px;
  }
  .text-slider .subtitle {
    font-size: 12px;
  }
}

Regards,
Awan

Thank you so much!

Do you know how I get the first picture on full screen as well?
Like i have on the desktop version?

That would be great.

Regards,

Karlijn

I found the new option in the menu. Thanks anyway!

Just one more question…

The picture i have full screen is aligned in a way that just one eye falls off the screen.

How can I move the header picture some pixels to the left in the mobile screen only?

Hope someone can help me with this.
Can’t find the code.

Kindest regards,

Karlijn

Hi Karlijn,

Here is the CSS code to align the image:

@media only screen and (max-width: 600px){
  .slides-container .slide-item{
    background-position: 70% 100% !important;
  }
}

Regards,
Awan