Hey,

i just used this CSS to display the “MENU” Text before hamburger menu.

/*————————*/
/* Add word menu next to hamburger icon
/*————————*/
.av-hamburger strong {
display: block!important;
position: absolute;
left: -90%;
top: 0;
font-size: 20px;
transform: translate(-90%, -44%);
}

———————-
My questions are …

1.) How can i change the Text?
2.) How can i remove the MENU when i click onto the menu? I use the fly out menu, an if I click the menu, the menu text is overlapping the menu. If the menu is active, i want to remove the text.

3.) I use the submenu on mobile too, can i get those links to buttons only on mobile?

thanks for helping me, ronald

Thanks

Hi Guys:

I’m using a table element, Table Options / Table Design = Default. On the Edit Table tab, the font looks normal for the Heading Row and the Default Row, but for the Pricing Row it’s HUGE. And this is in Edit mode; it’s fine in the front end. Any idea why this would be and if there’s a way I can fix it? The table in question is going to need more rows like this, and while it’s fine for site visitors, it’ll be a pain for admins and editors. FYI – I’m not actually using this for prices. I’m using it so I can target those rows with CSS. I can’t use Default or Heading row as I’m using those already for headings and regular text, and I can’t use Button row because that automatically inserts buttons. I’m pasting a link to a screen shot in the private content below.

Thanks!

Scott

Hi everyone,
I have been asked to paste the below the home page of a customers website. We want the fields to display on one line at the top of the home page. We have been playing with the code and although we can get the fields to display on one line using an html tester (Tryit Editor), we cannot get it to display on one line when pasted into the code block element.

Can someone tell us where we are going wrong please?

<form id=”onvioSignIn” action=”https://onvio.co.uk/api/security/v2/sessions/login&#8221; method=”post”><input name=”firmId” type=”hidden” value=”552604″ />

<style>#onvioSignIn>{display:inline;margin:7px;}#onvioSignIn>a{font-size:.7em}</style><label for=”onvioEmail”>Email</label>
<input id=”onvioEmail” spellcheck=”false” maxlength=”250″ name=”username” required=”” type=”text” />
<label for=”onvioPassword”>Password</label>
<input id=”onvioPassword” autocomplete=”off” maxlength=”50″ name=”password” required=”” type=”password” />
<input type=”submit” value=”Sign In” />
Forgot Password?
</form>

Thank you
Neil

Hi everyone,

I am trying to display the footer menu in a left aligned style on mobile devices.
I added the following code to the CSS area to customize the footer menu. That looks fine:

#socket .sub_menu_socket {
    float: none !important;
}
#socket .sub_menu_socket ul {
    text-align: center;
    margin-bottom: 6px;
}
#socket .sub_menu_socket li {
    float: none !important;
    display: inline;
}
footer a {
font-size: 14px;
}

But what do I have to add to show the menu left aligned on mobile devices?

Thanks a lot in advance!
Best regards
Max

Hi,

I’m using this code as fix header in all pages.
It’s basically some elements inside a Code Block, which is inside a Color Section

[av_section min_height='custom' min_height_px='100px' padding='no-padding' shadow='no-border-styling' bottom_border='no-border-styling' id='bback' color='main_color' custom_bg='#32a5d2' 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='' custom_class='' av_uid='av-amk7hlb']

[av_codeblock wrapper_element='' wrapper_element_attributes='' custom_class='' av_uid='av-11xx47j']
[av_sidebar widget_area='HAMBURGUER' av_uid='av-9p9s20f']
<div class="centrotitulo">[page_title]</div>
[/av_codeblock]

[/av_section]

My intention is to apply the same code in Posts, Tags and Categories. For this I used the “ava_after_main_container_mod ()”
And with some minor adaptations resulted in this code:

add_action( 'ava_after_main_menu', 'ava_after_main_container_mod', 10 );
function ava_after_main_container_mod() {
if( !is_single(15255) && !is_tag(79) && !is_category(101) ) 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;

}

The problem is that the code breaks CATEGORIES and TAGS, and in POTS it results in something close to the OBJECTIVE, but still with problems.

Any suggestions for code change?

Thanks

How can I change the default blog post font size and font face?

Thanks

Hello,
The Main Menu Bar background is covering the logo on hover,
what would be the CSS for changing it to transparent?
(Screenshot showing what I mean)
http://prntscr.com/l1j6fi

here is my present css for the menu area

span.avia-menu-text {
    vertical-align: text-top !important;
    padding-bottom: -20px !important;
}
.sub_menu>ul>li>a, .sub_menu>div>ul>li>
a {
font-size: 12px;
}
.header_color .sub_menu > ul > li > a:hover, a:active {
    background-color: #d50000;
    color: white !important;
}
.phone-info {
    font-size: 12px;
}
span.avia-menu-text {
text-transform: uppercase;
}

Hi enfold team , thanks so much for your continued support ;

Currently i am having an issue removing the date from products in my search results and in my search query .

I Previously referred to an enfold help post where two snippets of code we’re recommended, however neither snippet of code worked

.post-meta-infos {
    display: none;
    font-size: 12px;
    position: relative;
    top: -8px;
}
.header_color .ajax_search_excerpt { display: none; }