Ok, I added the following, which fixed the desktop, but it messes up the mobile, see below

#text-5 {
position: absolute;
margin-left: 22em !important;
left: 0;
}
#text-6 {
position: absolute;
margin-right: 22em !important;
right: 0;
}

I added the following, as I want the two items in the main menu linee on opposite sides of the logo.

add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ ); function enfold_customization_header_widget_area() { dynamic_sidebar( ‘header1’ ); dynamic_sidebar( ‘header2’ ); }

Hmmm. it appears start working. not sure if it was a caching issue. I also killed the imbedded CSS. looks good now, thanks.

not quite. the slider needs to move down now.

oops, I fixed it never mind. Sorry.

Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
at HTMLAnchorElement.eval (eval at <anonymous> (layerslider.kreaturamedia.jquery.js:13), <anonymous>:1:7958)
at Function.each (jquery.js:2)
at n.fn.init.each (jquery.js:2)
at i.l.init (eval at <anonymous> (layerslider.kreaturamedia.jquery.js:13), <anonymous>:1:7616)
at eval (eval at <anonymous> (layerslider.kreaturamedia.jquery.js:13), <anonymous>:1:4426)

I had to revert back to 5.80 since it is such a visible element. I’m creating a staging site now and I’ll share that link.

You can close, thank you;

Granted, its hard to pickup, but adding the images up top has pushed the blue background down about 18 px.
image2

Never mind, I figured it out:
.avia-menu-fx {
height: 5px;
background: #b02b2b!important;
}

THANKS again!

Yes, that did it. Any chance I can make it taller to stand out more?

Yes, it is, thanks.

Attached

Just tried again..creds below

You can close it, thanks.