Trailer box

cico82 · September 2015

Hi,

I love Be theme and its shortcode and effects.

But I've a problem with trailer box.

I build an Home page with some trailer box and they work very well in large monitor and smartphone, but when I reduce window in smaller size or in landscape mode on tablets boxes reduce their size but descriptions and subtitles do not decrease correctly and exceed from the margin.

http://goo.gl/UDEfs5

Thanks

Silvia

Albert · September 2015

Hi,

did you tried to use Decrease fonts size option under Theme options > Responsive section?

cico82 · September 2015

Hi, yes I'm already using this option. But nothing is changed.

Thanks

Albert · September 2015

Ok. So if this option does not work for you, then please try below css:

@media only screen and (min-width: 768px) and (max-width: 1238px)
    .trailer_box .desc h2 { font-size: 15px !important;; line-height: 15px !important; }
    .trailer_box .desc .subtitle { font-size: 10px !important; margin-bottom: 5px !important; }
}

cico82 · September 2015

Ok, I try it.

Can you tell me what is the correct css file?

Thanks for prompt reply.

Silvia

Albert · September 2015

You don't need to modify theme files. All custom css's should be used under Theme options > Custom CSS & JS > Custom CSS section.

cico82 · September 2015

Thanks for suggest!

I solved with this code:

@media only screen and (min-width: 768px) and (max-width: 1238px) {

.trailer_box .desc h2 { font-size: 15px !important; line-height: 15px !important; }

.trailer_box .desc { padding: 20px 15px 15px;}

}

I've a similar problem also with the google map, as you can see, in smaller size the heigth is the same and doesn't decrease.

Thanks

Silvia

Albert · September 2015

Please make a screenshot of which text on map you mean because we do not see anything like this.

cico82 · September 2015

Albert · September 2015

So you want map to be decreased in height on smaller devices? If this is what you mean, then unfortunately it is impossible because we do not have any impact on that. We use Google Map API and it is not possible to change this behave.

cico82 · September 2015

Thanks a lot for your prompt and kind support!

Silvia

Albert · September 2015

No problem

Trailer box

Comments