Return to previous page

Banner text not showing up on mobiles - by neil

This topic has 6 replies, 2 voices, and was last updated 9 years, 10 months ago ago by Eva Kemp

neil

Participant

January 15, 2015 at 17:29

Hi there

I have added three banners on my site (http://falcon.bimmerworx.com/) they are on the FOOD AND DRINK section titled restaurant, bar hotel but for some reason the text does not show up on mobiles.

I have been trying to figure this out for over an hour and have come to the conclusion it may have something to do with the css

Any ideas?

#33681 Copied

5 Answers
Eva Kemp

Support staff

January 15, 2015 at 18:05
Hello,

Please add this code in custom.css file:
```
@media (max-width:480px) {.banner .banner-content p {
    display: block;
}}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#33692 Copied
neil

Participant

January 16, 2015 at 15:36

Hi

Thank you, its fixed the font color but the problem now is that the text does not fit in the banner properly.

It sticks outside the banners

#33891 Copied
Eva Kemp

Support staff

January 16, 2015 at 16:22
Hello,

Please try to add this code:
```
@media (max-width:480px) { .banner.align-center {
width: 280px;
}}
```
Thank you.
Regards,
Eva Kemp.
#33901 Copied
neil

Participant

January 16, 2015 at 16:48

Thank you, that has solved that problem but now the banners are aligned left instead of center on mobiles

#33905 Copied

Eva Kemp

Support staff

January 16, 2015 at 16:54

Hello,

Also add this code:
@media (max-width:480px) {.banner.align-center {
margin-left: 7px;
}}

Thank you.
Regards,
Eva Kemp.

#33909 Copied
Viewing 6 results - 1 through 6 (of 6 total)