Return to previous page

I have 2 main issues with the mobile version on my website.

This topic has 8 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

Safe Website Leads

Participant

October 16, 2018 at 16:57

Hi,

I have 2 main issues with the mobile version on my website:

1. That’s how the ‘Buy Button’ appears on mobile version: http://prntscr.com/l6qwsi

2. That’s how the Slider image appears on mobile version: http://prntscr.com/l6qxn4

Login details attached.

Thanks for any support.

Please, contact administrator
for this information.

#201171 Copied Theme version: 4.6

7 Answers
Rose Tyler

Support staff

October 17, 2018 at 07:41
Hello,

1) Please try to use this code in Theme Options > Custom css > Global Custom CSS:
```
.mobile-nav .mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-buy-now .mb-text {
    padding-top: 0px !important;
    margin-top: -7px;
}
.mobile-nav .mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-buy-now {
     padding-left: 0px !important; 
}
.mobile-nav .mb-center {
    margin-top: 10px;
    float:  left;
}
```
2. Please read Slider Revolution documentation https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/
https://www.themepunch.com/faq/display-different-images-different-screen-sizes-revolution-slider/

Regards
#201194 Copied
Safe Website Leads

Participant

October 22, 2018 at 03:10
Hi there,

I just saw your reply regarding the given issue. I updated your code with the new button name as follows:
```
.mobile-nav .mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-drive-traffic .mb-text {
    padding-top: 0px !important;
    margin-top: -7px;
}
.mobile-nav .mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-drive-traffic {
     padding-left: 0px !important; 
}
.mobile-nav .mb-center {
    margin-top: 10px;
    float:  left;
}
```
You were close to the desired result. Here is the screenshot of it: http://prntscr.com/l8t1o1

I hope you will fix it for me.

For the slider, I changed it to the template initial slider which fits better. The result is not perfect on mobile as the whole text does not appear but it looks good on desktop.

Thank you very much for your support.
#201392 Copied
Rose Tyler

Support staff

October 22, 2018 at 10:40
Hello,

Try to change this code
```
.mobile-nav .mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-drive-traffic .mb-text {
    padding-top: 0px !important;
    margin-top: -7px;
}
```
to
```
.mobile-nav .mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-drive-traffic .mb-text {
    padding-top: 0px !important;
    margin-top: -7px;
    font-size: 12px !important;
}
```
Let us know if you need any further assistance.

Regards
#201429 Copied
Safe Website Leads

Participant

October 23, 2018 at 20:32

Hi,

It worked like a charm. The only issue is when you click on the button, it becomes large with unecessary space. Here is the screen shot: http://prntscr.com/l9liuv

Can you please fix that for me?

Thanks again for your support.

#201564 Copied
Rose Tyler

Support staff

October 24, 2018 at 07:29
Hello,
```
.mobile-nav .mb-center .mb-container .maxbutton:hover.maxbutton-drive-traffic {
    max-height:  1px !important;
}
```
Regards
#201575 Copied
Safe Website Leads

Participant

November 3, 2018 at 01:08

Hi Rose,

I just saw this message today as I did not get any notification message for it as usual. I tried the code and it worked like a charm!

Thank you very much for your support.

#202265 Copied

Rose Tyler

Support staff

November 5, 2018 at 08:46

Hello,

You’re welcome!

Regards

#202310 Copied
Viewing 8 results - 1 through 8 (of 8 total)