Module In Menu Problem

Hello Again:

I'm trying to put a module into the menu bar. I have it styled and positioned the way I'd like but it seems to cause a malfunction in the #gkheader.

Here is the URL where the problem is: http://www.TucsonPatriots.com

The website is currently Offline, so if you need the login information, I'll private message you.

The little shopping cart is the module and the broken header is pretty obvious. Also, the shopping cart is supposed to drop down but it doesn't seem to work at all now that it's inside the Main Menu.

Any help would be greatly appreciated.

Thanks,

Michael K.

Hi

Please send me an access to Your site.

Hi

Please send me an access to Your site.

Hello teitbite:

I actually had to remove the module from the menu because it would put the shopping cart into the mobile menu when on mobile devices.

I'm so far using the #gktop1 module position for the cart but it seems like it doesn't stay in the same position when the screen adjusts.

I'll send you the login information in a Private Message.

Hi

I got the access, but everything is changed at the moment, so I do not know what to do now. Can You please rephrase the request ?

Hi

I got the access, but everything is changed at the moment, so I do not know what to do now. Can You please rephrase the request ?

Okay, here is what happened. I needed to add a cart to the header some how, and I tried to create my own Module Position but that did not work.

So I assigned the position "top1" which in the CSS translates to "gkTop1". So I used that module position to implement the shopping cart.

I have it positioned the way I want it on the desktop, but when you change devices/screen sizes it either goes out of position, or it just plain disappears. It also disappears when I go to other pages, even though the module is set to show on all pages.

At this point I really do not know what to do and I'm struggling because this site needs to be launched in July and I'm so far behind because I can not get these little things worked out. So I greatly appreciate your help. If you need any more clarification, please let me know.

Hi

Oh, it's the small cart on top. I'm afraid this is not the best way to do this. Relatively it can be position in very bad places when content changes. Please send me an access to ftp, so I'll make a new module position for it on top, so it will be more friendly.

Hi

I got host and user for FTP access, but You have missed to send me a password Please send that too so I'll be able to make this new module position.

Hi

I've created new module position on top. Now it will be much easier to position it for mobile. Let me know if You will help with this.

Hi

I've created new module position on top. Now it will be much easier to position it for mobile. Let me know if You will help with this.

Thank you so much! It worked! I do have one question though. How can I make the cart icon move with the screen when the window is resized like the menu and login box does?

Hi

I can see You've done some modifications, but it's not quite correct. With the amount of modifications I thought It will not be a problem.

Please remove the code You have added for this at the moment and replace it with:

Code: Select all

#gkTop {
    position: relative;
}

.gkCart {
    height: 35px;
    margin-top: 35px;
    position: absolute;
    right: 25px;
    width: 35px;
}


Hi

I can see You've done some modifications, but it's not quite correct. With the amount of modifications I thought It will not be a problem.

Please remove the code You have added for this at the moment and replace it with:

Code: Select all

#gkTop {
    position: relative;
}

.gkCart {
    height: 35px;
    margin-top: 35px;
    position: absolute;
    right: 25px;
    width: 35px;
}


Thanks! It worked! Amazing!

Hi

Great to hear that worked. Happy I could help