Problem with widget text on ipad

Hey Paul,

Looks like there’s not enough space for the text there, would you like them to display 100% of the width or do you want to decrease the font-size?

Regards,
Rikard

Hey,

Yes it’s possible, but in order for everything to fit in portrait format the headers will be very small. Please try the following in Quick CSS:

@media only screen and (max-width: 1024px) {
#footer .textwidget h3 {
    font-size: 16px !important;
}
}

You might need to decrease the value 16.

You might want to consider doing the abbreviation for the street names like you have done for the last one. Another option would be for the widgets to span 50% each for ipad size?

Thanks,
Rikard

Hey!

Please add following code to Quick CSS

@media only screen and (max-width: 1024px) {
#footer .av_one_fifth {
    width: 100%;
    margin-left: 0;
    text-align: center;
}}

If you do not want to have your footer text center aligned, please remove “text-align: center;” line from the code

Regards,
Yigit

Hey!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}

Cheers!
Yigit

Hi!

Please try adding !important rule as folowing

@media only screen and (max-width: 1024px) {
#footer .av_one_fifth {
    width: 100% !important;
    margin-left: 0 !important;
    text-align: center !important;
}}

It should work globally

Best regards,
Yigit

Hey!

Seems so. Please flush browser cache and refresh your page a few times. I checked your page and it does work fine on my end – http://i.imgur.com/8mAf9f3.jpg

Cheers!
Yigit

Hey!

Oh you mean you would like to display all column elements fullwidth on ipad? If so, please add following code to Quick CSS

@media only screen and (max-width: 1024px) {
.flex_column {
    width: 100%!important;
    margin-left: 0!important;
}}

Cheers!
Yigit

Hey!

It can replace this code – https://kriesi.at/support/topic/problem-with-widget-text-on-ipad/#post-502742 :)

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well

#wrap_all {
position: relative !important;
}

Cheers!
Yigit