No its an Android. Samsung Galaxy.

I am trying to reduce the size of H4 headings with the class “element”. These are the headings that sit on-top of the parallax images.

I also tried the following code and it also did not work:
@media only screen and (max-width: 767px) {
H4 { font-size: 20pt;}
}

I am not sure why…

Now I using:

//Add fixed menu to all (ID 15255) POSTS

add_action( 'ava_after_main_menu', 'ava_after_main_container_mod', 10 );
function ava_after_main_container_mod() {
if( !is_single(array(15255)) || is_archive() || is_tag() ) return;
	$output  = '';
	$output .= do_shortcode("
[av_section min_height='custom' min_height_px='100px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='bback' color='main_color' background='bg_color' custom_bg='#32a5d2' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-32zbqxs' custom_class='']

[av_textblock wrapper_element='' wrapper_element_attributes='' av_uid='av-2gpcv34' custom_class='']
[av_sidebar widget_area='HAMBURGUER' av_uid='av-bm8mys']
<div class='centrotitulo'>[page_title]</div>
[/av_textblock]
[/av_section]
[av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' custom_class='ajuste-espaco' admin_preview_bg='' av_uid='av-1ofdwyo']

");
	echo $output;
}

BUT no solution to the problem at the moment.

Hello again

I have added

.iconbox_top .iconbox_icon {
font-size: 50px !important;
height: 90px;
width: 90px;
line-height: 84px;
top: -80px;
}

.iconbox .iconbox_content .iconbox_content_title {
margin: 0px 0px 0px 0px;
}

.iconbox_top .iconbox_content {
margin-top: 80px;
}

But the icon does not sit centred – Any ideas?

Also is there a way to change the text size on just the mobile site? I am trying this code but it doesn’t seem to work…

@media only screen and (max-width: 767px) {
.element { font-size: 20pt;}
}

Hi Jordan
I think there’s something incompatible with this class:
#top.all_colors p {
font-size: 16px;
}
If I deactivate the value, other entries take effect. Is it possible that this class is not compatible with the values entered in the backend or that subtitles are therefore not displayed in the correct size in the frontend?

Best regards,
Esther

Hello,
I’m following up on this topic again with an issue that’s occurring on tablets size 768 x 1024.
On devices that size, I’d like to have the link and social media icons stacked like we have set up for mobile… but instead right now the entire long opt-in is showing (that is what I want for desktop) for this size when I check my site at:
http://responsivedesignchecker.com/checker.php?url=https%3A%2F%2Fwww.new.barrelracingtips.com&width=1400&height=700

Here’s the CSS I have for this on mobile… wasn’t sure which parts I should update?

@media only screen and (max-width: 767px) {
#custom_html-4.widget {
/*aligns the FB like button script (a custom html widget in the “header” widget area)*/
width: 50px !important;
padding: 12px 0px 0px 70px !important;
display: inline-block !important;
float: left !important;
}
}

@media only screen and (max-width: 479px) {
/*makes SM icons appear in small top bar on mobile*/
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
display: block !important;
}
}

@media only screen and (max-width: 989px) and (min-width: 768px) {
/*makes SM icons appear in small top bar on mobile*/
.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
display: block !important;
}
}

@media only screen and (max-width: 426px) {
.sub_menu h6 a{
/*puts small bar opt-in link centered below social media icons in small top bar on mobile*/
margin-left: 25% !important;
margin-top: -25px !important;
}
}

@media only screen and (max-width: 767px) {
/*size and spacing of SM icons on mobile*/
.social_bookmarks a{
font-size:10px;
margin-top:-2px!important;
}}

@media only screen and (max-width: 767px) {
/*size and spacing for small header bar text on mobile*/
#header_meta h6 a{
font-size:12px!important;
margin-top:-33px!important;
}}