I have managed to screwed it up even more. now the background of the header menu is green.
1.i just want it to be splash blue default color
2. I am trying to change the sticky menu so that it doesn’t resize when scrolling down
3.What is the perfect image dimension for fullscreen image slider ? can i change the container of the fullscreen image slider to fit my image size ?
4. Change body and header menu font size

Thanks

like you can see on https://www.santegra-international.com/ if you smaller the screen search icon i shifting and not fixed.
No search icon/cart between 767px and fullscreen als if i change @media only screen and (max-width: 767px) { to 989px

is there a full version of your CSS? ;-)

my css is looking like this:
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}

@media only screen and (max-width: 990px) {
li#menu-item-search a { font-size: 24px!important; }
nav.main_menu { float: right; margin-right: 15%; }}

@media only screen and (max-width: 989px) {
.main_menu {
left: auto !important;
position: absolute !important;
right: -90px !important;
top: -5px !important;
}
}
@media only screen and (max-width: 989px) {
#advanced_menu_toggle {
position: absolute;
right: -30px !important;
top: 0 !important;
}
.cart_dropdown {
position: absolute !important;
right: -30px !important;
top: 70px !important;
}
}

i tried this also which is online at the moment:
Still search icon/cart between 767px and fullscreen als if i change @media only screen and (max-width: 767px) { to 989px

/*search icon, cart in mobile view*/
@media only screen and (max-width: 989px) {
#advanced_menu_toggle {
position: absolute;
right: -10px !important;
top: 18px !important;
}
.cart_dropdown {
position: absolute !important;
right: -40px !important;
top: 50px !important;
}
li#menu-item-search a { font-size: 24px!important; }
nav.main_menu {
position: absolute !important;
right: -30px !important;
top: 30px !important;
}
}

If possible hand the request over to a fullsolution developer please.

DANKE

To change the color and size of admin font:

framework/css/avia_admin.css

Line 386
.avia_description{
font-size:12px;
color:#000;
}

AND

Line 230
.avia_page_title {
-webkit-filter: grayscale(1);
background-position: left center;
background-repeat: no-repeat;
display: block;
font-size: 13px;
font-weight: normal;
padding: 0 0 0 24px;
}

add_action( 'ava_after_content', 'enfold_customization_back_button' );
function enfold_customization_back_button() {
	echo do_shortcode("[av_hr class='invisible' height='90' 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']");
	$link = get_permalink( avia_get_option('blogpage') );
	echo do_shortcode("[av_button label='Back' link='manually,".$link."' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']");
}

i used this one from u ;)

Hey Elliott,

I insert this code and got the icon shifting behind the cart- and menu icon.
Above 990px the cart icon is sticked to the right window. http://awesomescreenshot.com/07c45pyr77
Can we leave menu, cart, search sticked to the right side when showing on smaller screens.
So the three icons not cover the logo and not cover each other.
This could be a feature request and discussed in your team please.

i insert into child custom css:
/*Add your own styles here:*/
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}

@media only screen and (max-width: 990px) {
li#menu-item-search a { font-size: 24px!important; }
nav.main_menu { float: right; margin-right: 15%; }}

@media only screen and (max-width: 767px) {
.main_menu {
left: auto !important;
position: absolute !important;
right: -90px !important;
top: -5px !important;
}
}