Forum Support

Shape 5
March 19, 2024, 05:17:04 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Overlay menu not visible  (Read 707 times)
cspgsl
Jr. Member
**
Offline Offline

Posts: 903



« on: October 19, 2016, 05:34:57 AM »

At http://stillcpa.ca/, when a page is scrolled to the bottom and the user clicks on the menu icon to bring up the overlay menu, it is not visible unless the user scrolls back to the top of the page.

I see that someone else raised the issue in this post but never followed through with it http://www.shape5.com/component/option,com_smf/Itemid,75/topic,39590.msg161228/#msg161228

You indicated that it worked in FX but I have tested it across all browsers and it does not work in any of them.

ALSO, where would I find the settings for the sub menu container? I wish to reduce the margin between the sub menu container and the main menu parent.  I think I want to adjust the width settings for s5_menu_overlay_inner_wrap but nothing is apparent when working with developer tools

Thanks
« Last Edit: October 19, 2016, 06:34:51 AM by cspgsl » Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: October 19, 2016, 01:49:29 PM »

Hello,

When I scroll to the bottom all I see is the navigation buttons on the right. I don't get the menu icon at the bottom of the page on your site so I can't click the menu at the bottom when fully scrolled down. I can only click at the top?

All the CSS for the overlay menu is in the template.css line at the bottom, just look for:

Code:
/* MENU OVERLAY
----------------------------------------------------------- */

You can change the width of the menu items here which will make the sub menus closer:

Code:
#s5_menu_overlay_inner_wrap {
    padding-left: 70px;
    padding-top: 100px;
    width: 30%;
}
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
cspgsl
Jr. Member
**
Offline Offline

Posts: 903



« Reply #2 on: October 20, 2016, 07:52:41 AM »

I don't know what you mean by this
Quote
When I scroll to the bottom all I see is the navigation buttons on the right. I don't get the menu icon at the bottom of the page

We are talking about http://stillcpa.ca

I have attached screen shots of the overlay menu at the top of the page and partially scrolled down the page in shape 4 and shape 5. you can see how the menu items are gone due to scrolling  down

The overlay menu items are not visible when scrolled down below the bottom item in the menu. AI also see that the height for the overlay is set to 1000000 which means that if the user is at the bottom of the page, clicks the menu icon and tries to scroll up, the wheel in the mouse will die before ever arriving at the top
Code:
.s5_search_open {
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
height:1000000px;
z-index:4;}

There is no menu item at the bottom of the page - see screen shot

Further, I have not been able to alter the placement of the sub menu container within the overlay settings in the css file - 2nd screen shot

I have also PM'd the log in details in case you want to look at the settings in Admin
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: October 20, 2016, 12:51:18 PM »

Please see:
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,45066.new/#new

We seem to be viewing in different browsers and this is part of the issue.

For the "shape.jpg" image you can just add the following and this should fix the vertical alignment:

Code:
#subMenusContainer {
    letter-spacing: 0;
    margin-top: -31px;
}
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
cspgsl
Jr. Member
**
Offline Offline

Posts: 903



« Reply #4 on: October 20, 2016, 01:02:21 PM »

Didn't have any effect. I will reload the site shaper and play with it for a bit to see what I find.
Logged
Pages: [1]
  Print  
 
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.