Fixed Top Menu Breaks with Mobile Layout and Warnings

Hi,

I tried to fix the top menu Bar of my site http://www.edenage.com following
>> https://www.gavick.com/forums/m-social/ ... 32838.html

But Apparently I can see Some issues with this fix
--modules are floating above the Bar while Scrolling
-- Mobile Layouts are breaking after fixing #gkPageTop
-- Warning messages (Try Login without UI/Pwd) , the whole template breaks while Scrolling.
-- Warning Messages cannot be cancelled , clicking on the 'x' icon on top left corner.

Please Help...

Thanks, Himadri

Hi, Again,

Removing Fixed Attribute from footer css, Makes it Float above base level and bar truncated smaller than usual..

Feels like the fixed attribute in #gkPageTop 'Stretches' the bar and unfixed #gkFooter has Shrinked ..

Any Ideas Please..

Thanks, Himadri

Hi

Please add this code to css:

Code: Select all

#gkPageContent {
    padding-top: 50px;
}


also I can see an error in Your php. Closing tag for comment is visible in footer "*/" this may impact footer look.

Thanks TeitBite,

Unfortunately It did not solve the below issues...

-- GK - Tabs module and Navigation arrows are floating above the Bar while Scrolling.
-- Warning messages (Try Login without UI/Pwd) , the whole template breaks while Scrolling.
-- Warning Messages (Failed to authenticate: User is blacklisted) cannot be cancelled , clicking on the 'x' icon on top left corner.
>>> Is there any way we can Customize these messages ? in which file directory ?

I have removed the '*/' from footer.php but still the situation is same.

>>> Actually adding 'position = fixed' in #gkPageTop has expanded the top Bar and
removing 'position = fixed' in #gkFooter has shrinked the footer..

Please have a look , Thanks in advance..

-- Himadri

Hi

Now I see that z-index is too low. Should be like:

Code: Select all

#gkPageTop {
    z-index: 100000;
}


Footer is not 100% because there is a padding on body, Should be:

Code: Select all

body {
    padding: 0;
}

body #gkPageTop, body #gkToolbar, #gkFooter {
    margin-left: 0 !important;
}


Tell me what to do to see the messages. I cannot open login popup.

Thanks, TeitBite ,

The Module Overflow issue is resolved...


Related to Warning Message
The 'Sign In' is top right corner
-- Click to see the Login Pop-Up
-- Click Login without any Username/Password
-- Watch Template Break while Scrolling
-- Click on 'X' on Warning message, won't work....

GK2.png

GK1.png

Thanks, Himadri

Hi

Please edit file: /layout/blocks/head.php and add this code at the end of this file:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('#system-message-container a.close').click(function(){
$('#system-message-container').hide();
});
});})(jQuery)</script>


Thanks TeitBite,

High Five , somehow the website is now worthy to get published..

Thanks, again...

Regards, Himadri

Hi

Glad I could help