Mobile friendly logo & slider image

I've tried some of the custom code posted in previous forum replies with no luck.

Is there a way to have the logo shrink down and be mobile friendly? On the iPhone it's large and cutoff.

Also, is there a way to include the slider image along with the text?

Thanks!

katieobrien.com

 

Hello,

For logo

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

div.logo img {
max-width: 100%;
}

You can add image text in the image related caption area.
Go to the theme option > Slider setting > First Slider Heading, First Slider Description in the same way add caption text for second, Third and so on.

Thanks & Regards
Nitesh Raghuwanshi

 

Thanks! That worked for the logo.

The slider text still isn't appearing on the mobile version. And the image is still very stretched (vertically). Any thoughts?

 

I also just double checked... the logo only resizes itself on the home screen in the mobile version. All the other pages & posts have the logo showing too long and getting cut off. Is there a way to make that code work for every page/post?

katieobrien.com

 

Hello,


For slider you have added code in the custom css. Please remove it.
If you want to reduce slider height then upload reduced height images.

Remove this code.

.flexslider .slides img {
height: 475px;
}


For logo.
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

div.header_container.not_home .logo img {
max-width: 100%;
}

For slider caption.
We have removed it from mobile view to clear slider visibility. Caption covering huge percentage of slider. Which is not good for mobile view.
Thanks & Regards
Nitesh Raghuwanshi