Hey!

add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:

#top .main_menu .menu li ul a{

font-size:15px;

}

this will increase 2nd and 3rd menu font size as well as mega menu fonts size

Cheers!

Hey,

The css issue seems to appear between 786px to 1000px screen widths. We can use Media Queries to fix that. Add this on your custom.css or Quick CSS:

@media only screen and (min-width: 786px) and (max-width: 1000px) {

.avia-icon-list .iconlist_icon {

height: 50px;

width: 50px;

line-height: 50px;

font-size: 25px;

margin-right: 15px;

}

}

Regards,

Ismael

Hi,

You can use this:

.header_color .sub_menu>ul>li>a {

font-size: 14px;

color: red;

}

You can also change the phone number size and color with this:

.phone-info.with_nav {

font-size: 14px;

color: red;

}

Regards,

Ismael

Hi,

@elames: Thanks for the tip.

@bevlogenverf: I don’t see the breadcrumbs or page title on every page. I assume you already fixed it. If you didn’t, just add this on your custom.css or Quick CSS

.title_container {

display: none;

}

And I can see that you’re having a style issue on your menus, I think this will fix it:

.main_menu ul:first-child > li > a {

font-size: 13px;

font-weight: 500;

}

You can adjust the font size to 12.

Regards,

Ismael

Hi,

You can use these on your custom.css or Quick CSS

1.) Move phone number:

@media only screen and (max-width: 767px) {

.responsive #header .social_bookmarks {

margin-bottom: 10px;

}

}

2.) You can move the logo using this

@media only screen and (max-width: 767px) {

#header_main {

z-index: 9999;

}



.responsive .logo {

top: -50px;

margin-left: 100px;

}

}

Adjust the values.

3.) You can adjust the font size of the special heading while viewing on mobile devices

@media only screen and (max-width: 767px) {

.av-special-heading h3 {

font-size: 13px;

letter-spacing: 0;

}

}

Regards,

Ismael

Hi,

1.) The social icons use the entypo fontello font. Right now, there is no easy way of adding a social button. Please refer to this link and follow Nick’s or my instruction: https://kriesi.at/support/topic/youtube-icon

2.) You can change the arrow on css > base.css, find this code:

.image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }

.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}

.image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}

Change the content property with another icon from entypo fontello. Refer to link for the entypo character maps: http://www.entypo.com/characters/

Example, we’ll use the phone icon(U+1F4DE):

.image-overlay .image-overlay-inside::before{content:"1F4DE"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }

.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"1F4DE";}

.image-overlay.overlay-type-video .image-overlay-inside::before{content:"1F4DE";}

You can combine different icons.

Regards,

Ismael

Hi,

You can use this:

.main_menu ul:first-child > li > a {

font-size: 25px;

}

Regards,

Ismael

Hi,

Unfortunately, the revision doesn’t work for the Avia Builder.

First, switch the Advance Layout Editor (ALE) to debug mode. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

//set builder mode to debug

add_action('avia_builder_mode', "builder_set_debug");

function builder_set_debug()

{

return "debug";

}



add_theme_support('avia_template_builder_custom_css');

This will let you see the shortcode below the ALE. You can combine shortcodes like this:

[av_tab_container position='top_tab' boxed='border_tabs' initial='1' custom_class='']

[av_tab title='Tab 1' icon_select='no' icon='1']

Tab Content goes here

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_tab]

[av_tab title='Tab 2' icon_select='no' icon='1']

Tab Content goes here

[av_button label='Click me' link='' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='small' position='center' icon_select='yes' icon='25']

[/av_tab]

[/av_tab_container]

The example above are buttons inside a tab element.

Regards,

Ismael