This didn’t eliminate the black lines at 1024 x 768.

It did eliminate the custom button from small screens, but did not for Small tablet landscape (800×600) or Tablet portrait (768×1024). I even tried it down to 700.

• This reply was modified 4 years, 8 months ago by hostworks.

Can they just be centered a group in the container?

Perfect, thanks Rikard!

nope, no change.

Thank you, that did the trick! You are the best!

I had to change the header size to 130 in addition to your code.It’s still taller than I want it. Again, I don’t understand why this is a constant issue.

Didn’t work. here’s the issue:

https://snipboard.io/X0koq7.jpg

Fantastic, thanks.

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.