Front Page not responsive on Mobile?

[Melissa]

Hi – how do I get my front page to finish loading and show the text that goes with the sliders on mobile? My sliders have a button that leads to another webiste – and with them not showing up on mobile – its not great!

www.bellaphotographyottawa.com

Thanks!

[Sonl Sinha]

Hi Melissa,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px){
.logo span.textlogo { font-size:32px; padding:0;}
.logo span.textlogo span.rightstyle { padding:0;}
.slider-main { min-height:inherit;}
.nivo-caption { display:block !important; width:100%; right:50%; transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); -webkit-transform:translateX(50%);}
.nivo-controlNav { padding:0 !important;}
}

Regards,
Brad

[Melissa]

Thank you – this worked wonderfully for showing the text – however it is too big to be displayed on mobile. Is it possible to make the font size smaller?

[Sonl Sinha]

Hi Melissa,

Kindly edit in the previous code.

.logo span.textlogo { font-size:32px !important; padding:0;}

Regards,
Brad

[Melissa]

Hi – thanks, its not working? I have even tried putting the font size 2 12px, and it is not changing.

[Melissa]

Oh – I just realized, the font change is changing the website title (Bella photography) rather than the slider text (portrait photography, wedding photography, pet photography)

[Sonl Sinha]

For the slider title kindly add this code in custom css box:

@media screen and (max-width:767px){
.slide_info h1{font-size:32px !important;}
}

Regards,
Brad

[Melissa]

Amazing!!! Thanks so much

[Melissa]

Ok – confused, the slider works great on a computer and on a mobile phone, but when I am viewing the Tablet via the “customize” option on the website, the “View More” button will not load, and so there is no where for my clients to click to be brought to the other websites.

[Sonl Sinha]

Hi,

Kindly mention which tablet you use and its resolution. On iPad it appears and works just fine.

Regards,
Brad

[Melissa]

Glad to hear it – I was viewing the page on a computer, via the Customize function where you can change the view at the bottom (computer, tablet, phone)

Both the phone and computer load correctly, however the tablet does not. I will check on my ipads at home.

thanks,
Melissa

[Sonl Sinha]

Hi Melissa,

You can check here:
http://www.responsinator.com/?url=http%3A%2F%2Fwww.bellaphotographyottawa.com

Regards,
Brad

[Author]

Posts