Forum Support

 
Advanced Search


[1]

Offline cspgsl
Free Member
Posts: 903
Posted 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

Offline jonahh
Free Member
Posts: 23789 WWW
Posted 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

Offline cspgsl
Free Member
Posts: 903
Posted 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

Offline jonahh
Free Member
Posts: 23789 WWW
Posted 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

Offline cspgsl
Free Member
Posts: 903
Posted 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
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.029 seconds with 21 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
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.