Submenu going under second topbar

Support
#1

Hi there,

I was wondering if you could help me? I have a second topbar underneath the main menu bar, created in Pro Headers. I have used css code to make them both absolute, so the video header can rest underneath. However, the submenu is displaying under the second topbar. I wondered how I can correct this?

Website
http://simplysignspreview.com/ucsactivenew/

Code used to make headers absolute (but not sure this would be causing any issues)
.x-masthead {
position: absolute;
width: 100%;
}

#2

Hi Jayd,

Thank you for writing in, please make sure your first bar has a higher z-index than the second bar. You either increase the z-index of the first bar, or decrease the z-index of the second bar.



z-index CSS property

Hope it helps,
Cheers!

#3

That’s perfect, and such an easy solution! Thanks for your help! :slight_smile:

#4

You’re most welcome!

#5

Hi there,

Sorry to bother you again but I have another issue. I seem to be having problems setting up the footer, I have tried several times and cannot get it to work. In preview of ‘footers’ the columns are all evenly space, and sit correctly. In the front end of the site, something is wrong and the fourth column keep dipping under everything. Do you have any advice? All columns are set as rows, all centered, all evenly space. It’s like a glitch in the Matrix!

Please see images below, many thanks.

How it looks in the preview

How it looks when saved in the front end

Many thanks and looking forward to your reply!

http://simplysignspreview.com/ucsactivenew/

#6

That’s weird, it’s resolved on it’s own. I had spent over an hour deleting and trying again and now it randomly just works. Very odd.

#7

Glad to hear it’s sorted, Jayd.

#8

Hi there, I wondered if you could help me with something else?

I have made columns with rows inside, to create the ‘Membership’ info blocks.
I have created buttons that say ‘enquire’ in blue, which I would like to align to the bottom of the dark grey column. I have tried the flex options to no avail. Any advice appreciated, thanks!

http://simplysignspreview.com/ucsactivenew/membership/

#9

Hello Jayd,

Thanks for updating in!

Please make sure that the Flexbox is enabled in your column and then set the bottom margin of the element before the button to auto. To better illustrate this, please watch this video tutorial:

Kindly let us know how it goes.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.