Mobile view of blendit

[Laura]

http://mysbiz.com/SWPA/
template: blendit

-The slider text is not appearing
-The first section image is cut off
-The first section title is not appearing

https://snag.gy/fGHIR6.jpg

[Laura]

Any update? thx

[Laura]

Can you at least tell me how to make the about section image not be cropped??

[Sonl Sinha]

Hi Laura,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

@media screen and (max-width:479px) {
.header { position:relative !important; height:auto !important; padding-bottom:0;}
.nivo-caption { width:100% !important; display:block !important; left:0 !important;}
#slider .top-bar h2 { font-size:18px !important;}
#slider .top-bar p { display:block !important; font-size:14px !important;}
#aboutsec .last_column img { position:relative !important;}
#aboutsec .cont-fix { padding-top:30px !important;}
.slider-main { padding-top:0 !important;}
.header .header-inner { padding:0;}
#slider .top-bar { top:8px !important;}
.logo img { width:70%;}
}

Regards,
Chris

[Laura]

Thank you. Is there a way to make the logo larger on this new format, and centered?

[Laura]

Sorry, centered only. I see the logo size at the end of the code.

[Laura]

Also, is there a way to make the slider text with no double line spacing? The last slider title does not show because white text over white background.

[Sonl Sinha]

Hi Laura,

please remove previous css code.

And add this new css code there.

@media screen and (max-width:479px) {
.header { position:relative !important; height:auto !important; padding-bottom:0;}
.nivo-caption { width:100% !important; display:block !important; left:0 !important;}
#slider .top-bar h2 { font-size:18px !important;}
#slider .top-bar p { display:block !important; font-size:14px !important;}
#aboutsec .last_column img { position:relative !important;}
#aboutsec .cont-fix { padding-top:30px !important;}
.slider-main { padding-top:0 !important;}
.header .header-inner { padding:0;}
.header .header-inner .logo { margin:0 auto;}
.logo img { width:70%;}
.top-bar h2 {background-color: rgba(0, 0, 0, 0.4); display: table; margin: 0 auto; padding: 10px !important; line-height:20px !important;}
}

Regards,
Chris

[Laura]

Fantastic! Thank you.

[Sonl Sinha]

🙂

[Author]

Posts