It seems to be working fine.. did you cleared forum cache & browser cache? ( ctrl F5 )
See my test forum:
https://www.froddelpower.be/scripts/phpbbtest/
overall_header.html
Code: Select all
<!DOCTYPE html>
<html dir="{{ S_CONTENT_DIRECTION }}" lang="{{ S_USER_LANG }}">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
{{ META }}
<title>{% if UNREAD_NOTIFICATIONS_COUNT %}({{ UNREAD_NOTIFICATIONS_COUNT }}) {% endif %}{% if not S_VIEWTOPIC and not S_VIEWFORUM %}{{ SITENAME }} - {% endif %}{% if S_IN_MCP %}{{ lang('MCP') }} - {% elseif S_IN_UCP %}{{ lang('UCP') }} - {% endif %}{{ PAGE_TITLE }}{% if S_VIEWTOPIC or S_VIEWFORUM %} - {{ SITENAME }}{% endif %}</title>
{% if S_ENABLE_FEEDS %}
{% if S_ENABLE_FEEDS_OVERALL %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ SITENAME }}" href="{{ path('phpbb_feed_index') }}">{% endif %}
{% if S_ENABLE_FEEDS_NEWS %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ lang('FEED_NEWS') }}" href="{{ path('phpbb_feed_news') }}">{% endif %}
{% if S_ENABLE_FEEDS_FORUMS %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ lang('ALL_FORUMS') }}" href="{{ path('phpbb_feed_forums') }}">{% endif %}
{% if S_ENABLE_FEEDS_TOPICS %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ lang('FEED_TOPICS_NEW') }}" href="{{ path('phpbb_feed_topics') }}">{% endif %}
{% if S_ENABLE_FEEDS_TOPICS_ACTIVE %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ lang('FEED_TOPICS_ACTIVE') }}" href="{{ path('phpbb_feed_topics_active') }}">{% endif %}
{% if S_ENABLE_FEEDS_FORUM and S_FORUM_ID %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ lang('FORUM') }} - {{ FORUM_NAME }}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}">{% endif %}
{% if S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID %}<link rel="alternate" type="application/atom+xml" title="{{ lang('FEED') }} - {{ lang('TOPIC') }} - {{ TOPIC_TITLE }}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}">{% endif %}
{% EVENT overall_header_feeds %}
{% endif %}
{% if U_CANONICAL %}
<link rel="canonical" href="{{ U_CANONICAL }}">
{% endif %}
<!--
phpBB style name: FTH_Tropic
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by: FranckTH & Solidjeuh
-->
{% if S_ALLOW_CDN %}
<script>
WebFontConfig = {
google: {
families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
}
};
(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
{% endif %}
<link href="{{ T_FONT_AWESOME_LINK }}" rel="stylesheet">
<link href="{{ T_STYLESHEET_LINK }}" rel="stylesheet">
<link href="{{ T_STYLESHEET_LANG_LINK }}" rel="stylesheet">
{% if S_CONTENT_DIRECTION eq 'rtl' %}
<link href="{{ T_THEME_PATH }}/bidi.css?assets_version={{ T_ASSETS_VERSION }}" rel="stylesheet">
{% endif %}
{% if S_PLUPLOAD %}
<link href="{{ T_THEME_PATH }}/plupload.css?assets_version={{ T_ASSETS_VERSION }}" rel="stylesheet">
{% endif %}
{% if S_COOKIE_NOTICE %}
<link href="{{ T_ASSETS_PATH }}/cookieconsent/cookieconsent.min.css?assets_version={{ T_ASSETS_VERSION }}" rel="stylesheet">
{% endif %}
<!--[if lte IE 9]>
<link href="{{ T_THEME_PATH }}/tweaks.css?assets_version={{ T_ASSETS_VERSION }}" rel="stylesheet">
<![endif]-->
{% EVENT overall_header_head_append %}
{{ definition.STYLESHEETS }}
{% EVENT overall_header_stylesheets_after %}
</head>
<body id="phpbb" class="nojs notouch section-{{ SCRIPT_NAME }} {{ S_CONTENT_DIRECTION }} {{ BODY_CLASS }}">
{% EVENT overall_header_body_before %}
<div id="wrap" class="wrap">
<div class="contenu_haut_bloc">
<div class="contenu_haut-gauche_bg"></div>
<div class="contenu_haut-centre_bg"></div>
<div class="contenu_haut-droit_bg"></div>
</div>
<div class="contenu_bordure_bloc_bg">
<div class="contenu_bloc_gauche_bg">
<div class="contenu_bloc_droit_bg">
<div class="contenu_bloc_bg">
<a id="top" class="top-anchor" accesskey="t"></a>
<div id="page-header">
<div class="headerbar" role="banner">
{% EVENT overall_header_headerbar_before %}
<div class="inner">
<div id="site-description" class="site-description">
<a id="logo" class="logo" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}" title="{% if U_SITE_HOME %}{{ lang('SITE_HOME') }}{% else %}{{ lang('INDEX') }}{% endif %}"><span class="site_logo"></span></a>
<h1>{{ SITENAME }}</h1>
<p>{{ SITE_DESCRIPTION }}</p>
<p class="skiplink"><a href="#start_here">{{ lang('SKIP') }}</a></p>
</div>
{% EVENT overall_header_searchbox_before %}
{% if S_DISPLAY_SEARCH and not S_IN_SEARCH %}
<div id="search-box" class="search-box search-header" role="search">
<form action="{{ U_SEARCH }}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{{ lang('SEARCH_KEYWORDS') }}" class="inputbox search tiny" size="20" value="{{ SEARCH_WORDS }}" placeholder="{{ lang('SEARCH_MINI') }}" />
<button class="button button-search" type="submit" title="{{ lang('SEARCH') }}">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('SEARCH') }}</span>
</button>
<a href="{{ U_SEARCH }}" class="button button-search-end" title="{{ lang('SEARCH_ADV') }}">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('SEARCH_ADV') }}</span>
</a>
{{ S_SEARCH_HIDDEN_FIELDS }}
</fieldset>
</form>
</div>
{% endif %}
{% EVENT overall_header_searchbox_after %}
</div>
{% EVENT overall_header_headerbar_after %}
</div>
{% EVENT overall_header_navbar_before %}
<div id="menu">
<ul><li class="menu_item" id="menu_1"><a href="http://techniarabia.com/viewforum.php?f=13" title="Maintenance">Maintenance</a></li>
<li class="menu_item" id="menu_2"><a href="http://techniarabia.com/viewforum.php?f=20" title="HSE">HSE</a></li>
<li class="menu_item" id="menu_3"><a href="http://techniarabia.com/viewforum.php?f=14" title="Electronique">Electronique</a></li>
<li class="menu_item" id="menu_4"><a href="http://techniarabia.com/viewforum.php?f=15" title="Electrotechnique">Electrotechnique</a></li>
<li class="menu_item" id="menu_5"><a href="http://techniarabia.com/viewforum.php?f=16" title="Instrumentation">Instrumentation</a></li>
<li class="menu_item" id="menu_6"><a href="http://techniarabia.com/viewforum.php?f=17" title="Mecanique">Mecanique</a></li>
<li class="menu_item" id="menu_7"><a href="http://techniarabia.com/memberlist.php?mode=contactadmin" title="Contact">Contact</a></li>
<li class="menu_item" id="menu_8"><a href="http://www.techniarabia.com/application.php" title="Participez">Participez</a></li>
<li class="menu_item" id="menu_9"><a href="http://www.techniarabia.com/chat" title="Chat">Chat</a></li>
<li><form action="http://www.google.com.sa/search" method="get" id="searchform" name="searchform" target="_blank"><fieldset><input name="sitesearch" value="www.techniarabia.com" type="hidden"><input onfocus="searchfield_focus(this)" name="as_q" class="search-input" id="keywords" maxlength="128" title="بحث" value="" type="text"></fieldset></form></li>
</ul>
</div>
{% INCLUDE 'navbar_header.html' %}
</div>
{% EVENT overall_header_page_body_before %}
<a id="start_here" class="anchor"></a>
<div id="page-body" class="page-body" role="main">
{% if S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) %}
<div id="information" class="rules">
<div class="inner">
<strong>{{ lang('INFORMATION') }}{{ lang('COLON') }}</strong> {{ lang('BOARD_DISABLED') }}
</div>
</div>
{% endif %}
{% EVENT overall_header_content_before %}
Code: Select all
#menu { /*! float:left; */margin: -3px 0 3px 0; height: 30px; padding: 5; width: auto; max-width: 100%; background: #3e4850; /* Old browsers */
background: -moz-linear-gradient(top, #3e4850 0%, #58626a 5%, #7c8891 50%, #7d8a94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e4850), color-stop(5%,#58626a), color-stop(50%,#7c8891), color-stop(100%,#7d8a94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* IE10+ */
background: linear-gradient(to bottom, #3e4850 0%,#58626a 5%,#7c8891 50%,#7d8a94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4850', endColorstr='#7d8a94',GradientType=0 ); /* IE6-9 */
border-radius: 5px 5px 5px 5px; }
#menu ul { list-style: none; }
li.menu_item { display: block; padding: 6px 5px 0; height: 25px; float: left; text-align: center; }
li.menu_item a { display: block; color: #fff; font-family: Tahoma; font-size: 12px; font-weight: bold; text-decoration: none; }
li.menu_item:hover { background: #505558; /* Old browsers */
background: -moz-linear-gradient(top, #505558 0%, #9aa1a5 5%, #acb2b7 50%, #b1b7bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505558), color-stop(5%,#9aa1a5), color-stop(50%,#acb2b7), color-stop(100%,#b1b7bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* IE10+ */
background: linear-gradient(to bottom, #505558 0%,#9aa1a5 5%,#acb2b7 50%,#b1b7bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505558', endColorstr='#b1b7bc',GradientType=0 ); /* IE6-9 */ }
#menu_1 { border-radius: 5px 0 0 5px; width: 90px; }
#menu_2 { width: 40px; }
#menu_3 { width: 80px; }
#menu_4 { width: 110px; }
#menu_5 { width: 110px; }
#menu_6 { width: 70px; }
#menu_7 { width: 70px; }
#menu_8 { width: 70px; }
#menu_9 { width: 50px; }
li.searchtop { display: block; height: 30px; text-align: center; }
#top-search { float: right; }
.search-input { direction: ltr; position: relative; margin: 5px 5px 0; padding: 2px 10px 2px 20px; font: normal 11px Tahoma; float: right; width: 100px; height: 16px; background: #FFF url("./images/search_input.gif") no-repeat scroll 3px 50%; border: none; border-radius: 8px; }
@media only screen and (max-width: 915px), only screen and (max-device-width: 915px)
{
#menu {/* display: none; */}
.ham { display: block !important; margin: 1px 0 4px; border-radius: 0 0 10px 10px; }
}
/* Navbar */
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px)
{
.ham { margin: 1px -5px 4px; border-radius: 0; }
}
