Mobile Responsive Issues

[sweetrose500]

Working on getting our theme situated on staging version of our site and the mobile version (iPhone 6) is just a mess … need some help.

[David Martin – Support]

Please confirm you are using version: https://www.dropbox.com/s/f0ixt0cgjwat1rl/dante.zip?dl=0.

Please add a WP login for us to take a closer look.

Thanks.

[sweetrose500]

This reply has been marked as private.

[David Martin – Support]

Hi,

You custom CSS is causing these issues, it will need to be overridden for mobile. Ex:

1) Slider

Override this with:

@media only screen and (max-width: 767px) {
.homesliderdemo {
height: auto;
}
}

Homepage Core Product Solutions:

Override this with:

@media only screen and (max-width: 767px) {
.serviceblock {
  width: 100%;
  margin: 0 auto 30px auto;
  padding: 0;
}
.servicetext {
  width: 100%;
  margin: 0 auto 30px auto;
}
}

[sweetrose500]

Thanks – made those updates.

Now trying to figure out …

1) How to make the text in the main text box bigger on mobile
2) How to eliminate extra white space between main slider and next set of content
3) How to get core product solutions text to not step on itself.
4) How to get the green boxes to not overlap

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) That is set in your Slider Revolution settings. You can specify different settings for the smaller viewport size.

2) You can adjust the height of the blank spacer:

@media only screen and (max-width: 767px) {
.blank_spacer {
    height: 0px!important;
}
}

3 & 4)

@media only screen and (max-width: 767px) {
.fw-row > .container {
padding-left: 0px!important;
padding-right: 0px!important;
}
.spb_text_column {
    margin-top: 30px;
}
}

[sweetrose500]

Hello – thanks. We got #1 and #3 updated.

#2 and #4 still causing us issues even after the CSS update. Ideas?

[David Martin – Support]

Seems like you have now changed the layout/slider?

– David.

[sweetrose500]

Just had to re-copy from our live site to get updates to do final prep. Will be re-importing the Swift settings shortly.

[sweetrose500]

Ok, things back in place.

[Kyle – SUPPORT]

Is this resolved?

– Kyle