Return to previous page

Mobile Responsive Footer Error - by vulcansg

This topic has 11 replies, 4 voices, and was last updated 8 years, 8 months ago ago by Jack Richardson

vulcansg

Participant

August 9, 2015 at 15:08

Hi Guys,

I’m having some problem with the footer (for mobile responsive view), noticed that the black outline does not sit nicely on the edge of the grey footer.

Appreciate if you could help! 🙂

Thanks!

Please, contact administrator
for this information.

#79127 Copied

10 Answers
Jack Richardson

Support staff

August 10, 2015 at 07:34
Hello,

Please add this code in custom.css file:
```
@media (max-width: 767px) {.copyright {
  padding: 0px 0 !important;
}}
```
How to create custom.css you can watch in this tutorial

Best regards,
Jack Richardson.
#79144 Copied
vulcansg

Participant

August 10, 2015 at 09:27

Hi Jack,

Thanks for getting back so quickly!

1) I am having issues with the line at the top of the page as well (on mobile view).

2) The banner is not mobile responsive (fail to show the entire banner)

Regards,
Roz

#79167 Copied
Jack Richardson

Support staff

August 10, 2015 at 10:09
Hello,

1. Please use this code in custom.css:
```
@media (max-width: 979px) {.header {
  margin-bottom: -20px;
}}
```
2. As I see your banners are responsive:
http://storage2.static.itmages.com/i/15/0810/h_1439197730_6045191_3e06b3b5cb.png
Please clarify the issue with more details.

Best regards,
Jack Richardson.
#79180 Copied
vulcansg

Participant

August 12, 2015 at 12:52

Hi Jack,

Thanks for the code!

What I mean is that the banner does not show the entire picture. How do I change the size of the banner to something like http://www.luccavudor.com (on mobile view).

Regards!
Roz

#79586 Copied

Robert Hall

Support staff

August 12, 2015 at 14:42

Hello,

Sorry for the misunderstanding.
Do you want banner size like this? Please see screenshot: http://prntscr.com/83rvxt

Regards,
Robert Hall.

#79609 Copied
Jack Richardson

Support staff

August 12, 2015 at 14:42
Hello,

Try to use this css code:
```
@media (max-width: 480px){.banner, .banner.hover-zoom img {
  height: 150px;
}}
```
Best regards,
Jack Richardson.
#79611 Copied
vulcansg

Participant

August 13, 2015 at 05:48

Hi,

Thanks for the reply.

I would like to keep the 2nd and 3rd banner as it is. (Drea’s Daniel Wellington…. & Free Registered Shipping…)

What I wish to change is the revolution slider on mobile to look like http://www.luccavudor.com (on mobile view).

Cheers,
Roz

#79759 Copied

Eva Kemp

Support staff

August 13, 2015 at 09:11

Hello,

To show slider full width go to wp-admin panel > Revolution Slider > edit a slider > select “Full Width” in “Slider Layout” field.

Regards,
Eva Kemp.

#79804 Copied

vulcansg

Participant

August 17, 2015 at 07:05

Hi Eva,

Thanks but the slider on mobile view still does not look like http://www.luccavudor.com (on mobile view). Rectangular shaped banner.

Thanks,
Roz

#80291 Copied

Jack Richardson

Support staff

August 17, 2015 at 08:06

Hello,

Sorry, but there is no such settings in Revolution slider. You can refer to their documentation http://revolution.themepunch.com/documentation/#start to find more info.

Best regards,
Jack Richardson.

#80312 Copied
Viewing 11 results - 1 through 11 (of 11 total)