Hi,

You can set a minimum font size for those text. Edit the layer, go to the Styles panel and look for the “Min. Font Size” and “Min. mobile font size” fields. Add a value.
Or just hide the layer slider on mobile view and display a full screen slider instead. You can toggle the visibility of the elements in the Screen Options panel.

Best regards,
Ismael

Hi,

You can’t use another shortcode as an attribute value because of how the theme parses the shortcode but you can create a custom shortcode based on the current av_image shortcode.

// https://codex.wordpress.org/Function_Reference/add_shortcode

Example:

function custom_image_shortcode_func( $atts ) {
    $image = do_shortcode('[field image-url]');
    $cv = do_shortcode('[field cv_custom_url]');
    $title = do_shortcode('[field title]');

	return do_shortcode("[av_image src='".$image."' av_uid='av-5y6rbx' attachment='".$image."' attachment_size='full' align='center' styling='' hover='' link='".$cv."' target='_blank' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jpz4q5h9' custom_class='' admin_preview_bg='']".$title."[/av_image]");
}
add_shortcode( 'custom_image_shortcode', 'custom_image_shortcode_func' );

Best regards,
Ismael

Hi,

@michaelH: Thanks for helping. :)

@rosewoodva: You might want to try this:

#small-icon .av-inner-tab-title {
    width: 50px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    min-height: 60px;
    height: 60px;
}

#small-icon .av-tab-section-image {
    width: 50px !important;
    margin: 0 auto;
}

Best regards,
Ismael

Hey Paul,

Thank you for using Enfold.

You can use decrease the font size of the title or the price on mobile view.

@media only screen and (max-width: 767px) {
.av-catalogue-price {
    font-size: 13px;
}

.av-catalogue-title {
    font-size: 15px;
}
}

Best regards,
Ismael

Hi,

Please replace following code

.sub_menu {
    float: left;
    z-index: 2;
    font-size: 11px;
    line-height: 30px;
    position: relative;
    top: 10px;
}

with following

.sub_menu {
    float: left;
    z-index: 2;
    font-size: 11px;
    line-height: 30px;
    position: relative;
}

Then delete following

@media only screen and (min-width: 601px) {
#mega-menu-wrap-avia2 {
    background: #222;
}}

and add following

#header_meta a.mega-menu-link {
    color: black;
}

If this does not help, please post a screenshot and show the changes you would like to make.

@michaelH Thanks for your help!

Best regards,
Yigit

Hey diypaleo,
One solution is to add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

h2 span {    
    word-wrap: break-word !important; 
}

But it may look better if you lowered the font size for the h2 in mobile view also.

@media only screen and (max-width: 767px) { 
h2 span {    
word-wrap: break-word !important; 
font-size: 46px !important;
}
}

Best regards,
Mike

Hey adamblakester,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.av-image-caption-overlay {
  bottom: -20px !important;
  font-size: 10px !important;
  height: auto !important;
  left: 50% !important;
  transform: translate(-50%) !important;
  width: 100% !important; 
  text-align: justify !important;
}

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your page and took the liberty to create a clone of it to test with, please see:
/center-icons-test/
I changed the color section ID so that none of your other css would be applied to this page.

I noticed that in your text block element after your icons shortcode you have your text-align: center; I believe that you meant to wrap your icons shortcode with this.
I then added a code block with a style rule so it would only apply it to this one page:

<style>
.av_font_icon {
display: inline-block !important;
}
</style>

The icons are now centered in a horizontal line for all screen sizes, please check.
The vertical alignment could be adjusted some if you like.

Best regards,
Mike