I’ve ended up with the following css inside a mediaquery:

#top .av_header_glassy.av_header_transparency #advanced_menu_toggle{ height: 45px !important; font-size: 35px !important; line-height: 40px !important; margin-top: -23px !important; }
.html_mobile_menu_tablet .container #advanced_menu_toggle{ height: 25px !important; font-size: 22px !important; line-height: 22px !important; margin-top: -12px !important; }

Furthermore is seems to be an issue when trying to add a color section (parallax scroll with image fill, stretch to fit, no certain height, large padding) then adding a special header inside of this (custom color: white, size 50, centered regular font).

When adding this color section and updating, it sometimes works. But the if I attempt to add anything below this, the color section and everything below gets deleted upon trying to update again.

NOT URGENT

Hi Elliott!
Thanks for your answer.
Yes I want to keep the enfold mobile menu.
But on desktop, the fullwidth submenu of the “nous connaitre” page is not included really in the “main menu”…
What I was thinking is build another general menu just for mobile use (like the actual desktop main menu + including child #anchor links just for the “nous connaitre” page) and then, through css, ask for this “mobile menu” to show up instead of the “desktop one”. I’m really talking about architecture here. If I’m confusing, sorry…, go to my page -> see in the main menu -> “nous connaitre” does not have sub-elements. The fullwidth submenu has been “called” on the page trough ALB fullwidth sticky menu element. So If you look at the page on mobile -> items of this fullwidth elements don’t show up in the “enfold mobile menu”… the fullwidthmenu show up on the “page” but it really takes a lot of place and it’s not rendering that good… Unless you have a better idea ? I’m opened ! I don’t know for example is it possible to reduce the font size of this fullwidth submenu ?
This is not an urgent at all so take your time really.
I’m just trying to reflect upstream but I already have more urgent and unsolved issues at this stage :)
Thanks!
Cheers!
Marie

Update

Finally solved for main menu item color but then…
– the first item (link to anchor) of fullwidth also turning green (page nous connaitre) though the others do not…
Thanks to tell me how I can target colors for the fullwidth menu (current items).
– on another hand, on page “patients” (which is a link not a page) -> when you go to subpages -> “patients” is not green. I understand it’s not really the “current item” but is there a way to have it green still ?

For drop down menu style adjustments, I still can’t make it…

Important : I need to know how to target specifically “main menu” / “drop down menu” / and “fullwidth sticky menu”
Thanks a lot.
Cheers!
Marie

/* General Font style in Menu */
.avia-menu-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}

/* Menu font color for current-menu-item #00c472 */
.current-menu-item > a .avia-menu-text { color: #00c472 !important; }

/* Font style for dropdown menu / text-transform none / letter-spacing none */
.sub-menu-item a .avia-menu-text { 
text-transform: none !important;
letter-spacing: 0px !important; 
}

Hey!
Sorry I’ve tried but without success. Can you be more specific please?
Thank you.
Cheers!
Marie

/* General Font style in Menu */
.avia-menu-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}

/* Menu font color for current-menu-item #00c472 */

/* Font style for dropdown menu / text-transform none / letter-spacing none */

And, Elliott. Any idea about that:

When I increase the font size of the special headline above 55, it’s been cut at the very right edge on a smartphone. It seems as if the theme doesn’t reduce the font size under a certain percentage or so!?

And my Logo is cut, too (566 × 156 pixels big). Please see here:

Thx for your advice!

Jan :)

That’s interesting; i have looked at the avia_options_enfold_child records. Below is an obfuscated / depersonalised copy of it. I can’t see any reference to filepaths / URLs for the iconfont in here.

I’ve also checked avia_options_enfold and the only paths in that record point (correctly) for social icons (labelled pr-icons). Unless I’m missing something in phpMyAdmin I’m still not sure what record the iconfont filepaths can be found in…

Interestingly after uploading the test Fontello icons a new record was added, called avia_builder_fonts. No URL or filepath in it though.

a:1:{s:4:"avia";a:136:{s:9:"frontpage";s:4:"8375";s:9:"undefined";s:17:"Use Image as logo";s:8:"blogpage";s:0:"";s:4:"logo";s:97:"http://xxx/wp-content/uploads/2014/11/logo.png";s:7:"favicon";s:0:"";s:15:"websave_windows";s:6:"active";s:6:"markup";s:0:"";s:15:"lightbox_active";s:15:"lightbox_active";s:9:"analytics";s:13:"UA-50676214-1";s:16:"color-body_style";s:9:"stretched";s:15:"header_position";s:10:"header_top";s:20:"layout_align_content";s:20:"content_align_center";s:18:"sidebarmenu_sticky";s:18:"conditional_sticky";s:19:"sidebarmenu_widgets";s:0:"";s:18:"sidebarmenu_social";s:8:"disabled";s:17:"responsive_active";s:17:"responsive_active";s:15:"responsive_size";s:6:"1130px";s:13:"content_width";s:2:"73";s:14:"combined_width";s:3:"100";s:12:"color_scheme";s:4:"Blue";s:24:"colorset-header_color-bg";s:7:"#f4f3ee";s:25:"colorset-header_color-bg2";s:7:"#f4f3ee";s:29:"colorset-header_color-primary";s:7:"#740d1d";s:31:"colorset-header_color-secondary";s:7:"#a5a549";s:27:"colorset-header_color-color";s:7:"#282629";s:28:"colorset-header_color-border";s:0:"";s:25:"colorset-header_color-img";s:6:"custom";s:33:"colorset-header_color-customimage";s:88:"http://xxx/wp-content/uploads/2014/11/header.png";s:25:"colorset-header_color-pos";s:11:"bottom left";s:28:"colorset-header_color-repeat";s:6:"repeat";s:28:"colorset-header_color-attach";s:6:"scroll";s:22:"colorset-main_color-bg";s:7:"#f4f3ee";s:23:"colorset-main_color-bg2";s:7:"#f4f3ee";s:27:"colorset-main_color-primary";s:7:"#a5a549";s:29:"colorset-main_color-secondary";s:7:"#a5a549";s:25:"colorset-main_color-color";s:7:"#282629";s:26:"colorset-main_color-border";s:7:"#f4f3ee";s:23:"colorset-main_color-img";s:0:"";s:31:"colorset-main_color-customimage";s:0:"";s:23:"colorset-main_color-pos";s:8:"top left";s:26:"colorset-main_color-repeat";s:6:"repeat";s:26:"colorset-main_color-attach";s:6:"scroll";s:27:"colorset-alternate_color-bg";s:7:"#f4f3ee";s:28:"colorset-alternate_color-bg2";s:7:"#f4f3ee";s:32:"colorset-alternate_color-primary";s:7:"#a5a549";s:34:"colorset-alternate_color-secondary";s:7:"#a5a549";s:30:"colorset-alternate_color-color";s:7:"#282629";s:31:"colorset-alternate_color-border";s:7:"#f4f3ee";s:28:"colorset-alternate_color-img";s:0:"";s:36:"colorset-alternate_color-customimage";s:0:"";s:28:"colorset-alternate_color-pos";s:8:"top left";s:31:"colorset-alternate_color-repeat";s:9:"no-repeat";s:31:"colorset-alternate_color-attach";s:6:"scroll";s:24:"colorset-footer_color-bg";s:7:"#ffffff";s:25:"colorset-footer_color-bg2";s:7:"#f8f8f8";s:29:"colorset-footer_color-primary";s:7:"#740d1d";s:31:"colorset-footer_color-secondary";s:7:"#a5a549";s:27:"colorset-footer_color-color";s:7:"#282629";s:28:"colorset-footer_color-border";s:7:"#f4f3ee";s:25:"colorset-footer_color-img";s:0:"";s:33:"colorset-footer_color-customimage";s:0:"";s:25:"colorset-footer_color-pos";s:8:"top left";s:28:"colorset-footer_color-repeat";s:9:"no-repeat";s:28:"colorset-footer_color-attach";s:6:"scroll";s:24:"colorset-socket_color-bg";s:7:"#ffffff";s:25:"colorset-socket_color-bg2";s:7:"#f8f8f8";s:29:"colorset-socket_color-primary";s:7:"#719430";s:31:"colorset-socket_color-secondary";s:7:"#8bba34";s:27:"colorset-socket_color-color";s:7:"#666666";s:28:"colorset-socket_color-border";s:7:"#f4f3ee";s:25:"colorset-socket_color-img";s:0:"";s:33:"colorset-socket_color-customimage";s:0:"";s:25:"colorset-socket_color-pos";s:8:"top left";s:28:"colorset-socket_color-repeat";s:9:"no-repeat";s:28:"colorset-socket_color-attach";s:6:"scroll";s:16:"color-body_color";s:7:"#eeeeee";s:14:"color-body_img";s:0:"";s:22:"color-body_customimage";s:0:"";s:14:"color-body_pos";s:8:"top left";s:17:"color-body_repeat";s:9:"no-repeat";s:17:"color-body_attach";s:6:"scroll";s:14:"google_webfont";s:0:"";s:12:"default_font";s:32:"Helvetica-Neue,Helvetica-websave";s:9:"quick_css";s:59:".big-preview, .small-preview {
display: none !important;
}
";s:16:"advanced_styling";a:3:{i:0;a:6:{s:2:"id";s:9:"main_menu";s:5:"color";s:7:"#740d1d";s:16:"background_color";s:0:"";s:9:"font_size";s:4:"12px";s:11:"font_family";s:0:"";s:12:"hover_active";s:8:"disabled";}i:1;a:11:{s:2:"id";s:2:"h1";s:5:"color";s:0:"";s:16:"background_color";s:0:"";s:9:"font_size";s:4:"40px";s:11:"line_height";s:0:"";s:11:"font_family";s:0:"";s:12:"header_color";s:4:"true";s:10:"main_color";s:4:"true";s:15:"alternate_color";s:4:"true";s:12:"footer_color";s:4:"true";s:12:"socket_color";s:4:"true";}i:2;a:11:{s:2:"id";s:2:"h2";s:5:"color";s:7:"#282629";s:16:"background_color";s:0:"";s:9:"font_size";s:4:"36px";s:11:"line_height";s:0:"";s:11:"font_family";s:0:"";s:12:"header_color";s:4:"true";s:10:"main_color";s:4:"true";s:15:"alternate_color";s:4:"true";s:12:"footer_color";s:4:"true";s:12:"socket_color";s:4:"true";}}s:13:"header_layout";s:36:"logo_left main_nav_header menu_right";s:11:"header_size";s:6:"custom";s:18:"header_custom_size";s:3:"156";s:16:"header_title_bar";s:16:"hidden_title_bar";s:13:"header_sticky";s:13:"header_sticky";s:16:"header_shrinking";s:16:"header_shrinking";s:14:"header_stretch";s:8:"disabled";s:17:"header_searchicon";s:8:"disabled";s:13:"header_social";s:0:"";s:21:"header_secondary_menu";s:0:"";s:19:"header_phone_active";s:0:"";s:5:"phone";s:0:"";s:23:"header_replacement_logo";s:0:"";s:23:"header_replacement_menu";s:0:"";s:24:"header_mobile_activation";s:17:"mobile_menu_phone";s:22:"header_mobile_behavior";s:8:"disabled";s:14:"archive_layout";s:8:"fullsize";s:11:"blog_layout";s:8:"fullsize";s:13:"single_layout";s:8:"fullsize";s:11:"page_layout";s:8:"fullsize";s:19:"smartphones_sidebar";s:8:"disabled";s:16:"page_nesting_nav";s:16:"page_nesting_nav";s:22:"display_widgets_socket";s:3:"all";s:14:"footer_columns";s:1:"4";s:9:"copyright";s:128:"©2009-2014 xxx. All rights reserved.[nolink]";s:13:"footer_social";s:13:"footer_social";s:10:"blog_style";s:10:"single-big";s:17:"single_post_style";s:9:"multi-big";s:27:"single_post_related_entries";s:24:"av-related-style-tooltip";s:16:"blog-meta-author";s:16:"blog-meta-author";s:18:"blog-meta-comments";s:8:"disabled";s:18:"blog-meta-category";s:18:"blog-meta-category";s:14:"blog-meta-date";s:14:"blog-meta-date";s:19:"blog-meta-html-info";s:19:"blog-meta-html-info";s:13:"blog-meta-tag";s:13:"blog-meta-tag";s:14:"share_facebook";s:14:"share_facebook";s:13:"share_twitter";s:13:"share_twitter";s:15:"share_pinterest";s:15:"share_pinterest";s:11:"share_gplus";s:11:"share_gplus";s:12:"share_reddit";s:12:"share_reddit";s:14:"share_linkedin";s:14:"share_linkedin";s:12:"share_tumblr";s:12:"share_tumblr";s:8:"share_vk";s:8:"disabled";s:10:"share_mail";s:10:"share_mail";s:12:"social_icons";a:3:{i:0;a:2:{s:11:"social_icon";s:7:"twitter";s:16:"social_icon_link";s:33:"http://twitter.com/xxx";}i:1;a:2:{s:11:"social_icon";s:9:"instagram";s:16:"social_icon_link";s:35:"http://instagram.com/xxx";}i:2;a:2:{s:11:"social_icon";s:9:"pinterest";s:16:"social_icon_link";s:40:"http://www.pinterest.com/xxx/";}}s:17:"avia-nonce-import";s:10:"8aa1eb1197";s:24:"avia-nonce-import-parent";s:10:"9cbec13095";s:18:"config_file_upload";s:0:"";s:15:"iconfont_upload";s:0:"";s:16:"updates_username";s:11:”xxx";s:15:"updates_api_key";s:32:”xxx";}}

Hi!
Thank you Elliott! I feel so confuse I hadn’t get I had to “call” for “another window” again…
It’s working now, but I’d like the selected item to stay green… does this can be fixed in the Advanced styling also?

And for drop down menu I’d like “no uppercase/letter-spacing” but I have this following code in my css. How can I keep it for main menu (and sticky full width menu) but change it for drop down menu?

/* Font style in Menu */
.avia-menu-text {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}

Thanks a lot!
Cheers!

Marie