Posted on: 03/03/17 10:34pm
By: Anonymous (Carl)
Hello,
I just upgraded to Geeklog 2.1.2. Everything seems to work fine. I noticed the new mobile site option. When I go to my site using a mobile device it has a nicer layout now. But there is a new menu button on the top left of the screen. When I click it, it's empty.
Is there anyway to get the options under the Main Menu block to appear in this mobile menu?
My site is at www.hvactechgroup.com
Many thanks!
Re: Geeklog 2.1.2 Mobile site
Posted on: 03/04/17 03:48am
By: ::Ben
Hi Carl,
I can't see any menu on your site even on a desktop device
Re: Geeklog 2.1.2 Mobile site
Posted on: 03/04/17 07:43am
By: Anonymous (Carl)
Thanks for looking. Here's some pictures. The mobile menu button is marked with a red arrow.
www.hvactechgroup.com/files/IMG_5154.PNG
www.hvactechgroup.com/files/IMG_5155.PNG
www.hvactechgroup.com/files/IMG_5156.PNG
Re: Geeklog 2.1.2 Mobile site
Posted on: 03/04/17 09:44am
By: Laugh
Hi Carl,
You need to add items to the menu elements in the Geeklog Admin Configuration.
These Menu elements are what also appears on the search bar.
You can manually change just the mobile menu by updating the header.thtml Look for:
Text Formatted Code
<div id="offcanvas" class="uk-offcanvas" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-offcanvas">
{menu_elements}
</ul>
</div>
</div>
and then add the appropriate menu items you want for example:
Text Formatted Code
<li class="menuitem" itemprop="name"><a href="https://www.geeklog.net/polls/index.php" itemprop="url">Polls</a></li>
Re: Geeklog 2.1.2 Mobile site
Posted on: 03/04/17 02:15pm
By: Anonymous (Carl)
That worked. Thank you.
Re: Geeklog 2.1.2 Mobile site
Posted on: 06/29/17 09:26am
By: Anonymous (Carl)
I updated to 2.1.3 and now the Menu button is blank again. I'm not sure what to edit now as my header.thtml only contains,
{doctype}
<html{lang_attribute}{xmlns}>
<head>
<title>{page_title_and_site_name}</title>
<meta http-equiv="Content-Script-Type" content="text/javascript"{xhtml}>
<meta http-equiv="Content-Style-Type" content="text/css"{xhtml}>
<link rel="SHORTCUT ICON" href="/favicon.ico"><!-- <meta http-equiv="Pragma" content="no-cache"{xhtml}> -->
{feed_url}
{rel_links}
{plg_headercode}
</head>
<body dir="{direction}">
<div class="header-navigation-container clearfix">
<ul>
{menu_elements}
</ul>
</div>
<div class="header-logobg-container-inner">
<a class="header-logo" href="{site_url}/" rel="home">
<img src="{site_logo}" width="151" height="56" alt="{site_name}"{xhtml}>
</a>
<span class="header-slogan">{site_slogan}</span>
</div>
<table border="0" cellspacing="0" cellpadding="0" style="width:100%;">
<tr>
{left_blocks}
<td class="story-container">
<p class="header-welcomeanddate-text">
<b>{welcome_msg}</b><br{xhtml}>{datetime}
</p>
<!-- START OF CONTENT AREA -->
Re: Geeklog 2.1.2 Mobile site
Posted on: 06/29/17 10:19am
By: Laugh
That doesn't look like the denim theme header file. Are you looking at the right one?
For Geeklog 2.1.3 there should be 2 {menu_elements} tags in the header.thtml file.
Make sure you also have the site set to the denim theme after the install (found in the Geeklog Configuration).
Re: Geeklog 2.1.2 Mobile site
Posted on: 02/26/21 11:23pm
By: Anonymous (CD)
Hi guys,
I'm using 2.2.1sr1 and have this same problem.
Where exactly do I find the header.thml file?
Thanks!
Re: Geeklog 2.1.2 Mobile site
Posted on: 02/27/21 09:43am
By: Laugh
Actually the header.thtml file doesn't exist anymore in the theme. YOu now need to look for the index.thtml file which contains both the header and footer.
It depends on the theme you are using but you can find the index.thtml file for example in the denim 3 theme here:
/public_html/layout/denim_three/
Re: Geeklog 2.1.2 Mobile site
Posted on: 02/27/21 10:17am
By: Anonymous (CD)
Thanks Laugh! I still had the code in the header.thtml file and copied into the index.thtml file and it works again!