Login

Forum Support

Shape 5
April 20, 2021, 04:08:19 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Shape 5 > Joomla Templates > Amazed Photography - Club > Topic: Enabling Floating Mobile Menu Amazed Photography
Pages: [1]
« previous next »
  Print  
Author Topic: Enabling Floating Mobile Menu Amazed Photography  (Read 587 times)
joyhanawa
Jr. Member
**
Offline Offline

Posts: 43
« on: March 11, 2017, 01:28:30 PM »
I am using Amazed Photography and have enabled the floating menu.  Two issues.

1.  When it floats I lose the HTML/CSS logo.
2.  It does not float on mobile.

Any tips would be greatly appreciated.

http://demo3.joyhanawa.com
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: March 13, 2017, 11:27:54 AM »
Hello,

1. For this template we didn't design the logo to show up in the floating menu. If you want to add it in there you'd need to move it in the index.php file and place it inside the following DIV. It will then show in the floating menu but will probably need CSS adjustments to look proper:

Code:
id="s5_menu_wrap'

2. In the Vertex admin area under responsive nav there should be a switch to enable floating menu for mobile.
Logged
Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
joyhanawa
Jr. Member
**
Offline Offline

Posts: 43
« Reply #2 on: March 14, 2017, 10:05:46 AM »
Hi,
In case anyone else wants to do this:
index.php {back up your file first}

Move these two lines:
<?php if ($s5_show_menu == "show") { ?>   
            <div id="s5_menu_wrap">

above the logo here:
         <?php if($s5_logo_type != "none") { ?>



Modify your custom.css
#s5_menu_wrap {
  width:80%;
}
.s5_logo_wrap{
  padding-left:10px;
}

#s5_menu_wrap.s5_wrap_fmfullwidth {
z-index:3;
}
Logged
joyhanawa
Jr. Member
**
Offline Offline

Posts: 43
« Reply #3 on: March 14, 2017, 10:15:45 AM »
Sorry, no go on the mobile float, screenshot attached.  Maybe there's a different switch that I am missing.

http://demo3.joyhanawa.com
« Last Edit: March 14, 2017, 10:19:23 AM by joyhanawa » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #4 on: March 14, 2017, 01:50:10 PM »
Ah that's right I forgot we did an override for the menu on this one. So to remove this just open up the index.php file and look for the following at the top and delete this line:

Code:
$s5_responsive_menu_button = "override";

Then the menu will show as default in Vertex and the floating menu will work for it.
Logged
Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
Shape 5 > Joomla Templates > Amazed Photography - Club > Topic: Enabling Floating Mobile Menu Amazed Photography
 « previous next »
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com 		Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.