citt

hi mark…

thank you for your reply.

yes… you’re right. it’s a very “minor” bug.
and you are right, too:

– works fine with: “legacy mode”
or
– width: 100% !important

i doesn’t see it before…

thank you!!!

so…
site is online…

https://www.kia-driver.com

but it is only german and there are a lot of mistakes. it is only a test!
article only under “einbauanleitungen” – “Sportage 3 (SL/SLS)”

greets
andreas

hi…

i tested at:
– chrome
– edge
– i-explorer
– firefox
– waterfox
also mobile on android and ios

i never had a problem with any browsers. maybe it is possible, that you have a plugin, that make this mistake.
i only have one problem with resize the browser – the menu will not stretch to full browser size. only if you go up to first line.

all other functions run perfect.
i will upload my test-site, than you can see it. give me some “minutes” (maybe hours) ??

greets
andreas

hi…

user this plugin: Hide Title
so you have a choice to hide or not the title, when you create a post. on the right side is an the Hide Title option field.

greets
andreas

hi…

its called “sticky menu”
use the plugin: Sticky Menu (or Anything!)

in the plugin
(basic settings)
Sticky Element: .main-navigation
(advanced settings)
z-index: 15

z-index must be set, because the menu must be the first layer that you see.

also you must change the “standard colors” – white on white is not really perfect ??

so in your customer css:
.main-navigation {
background-color: rgba(0, 0, 0, 0.5);
}

now the menu is black with a 50% transparency. and if you scroll down, the menu “stick” on first line.

greets
andreas

hi..

with the solution from “huettenwirt” you can get also problems.
if you change the “site branding logo” to -left- and not center, the logo will see on the left widget menu (slide out on full width theme).
try this in your customer css:

/* Patch to get submenus on top of widget area */
.main-navigation {
z-index: 11;
}
.widget-area {
z-index: 10;
}
.widget-area-visible {
z-index: 12;
}

greets
andreas

hi…

it is very simple. change your custom css:

/* no show of previous, next */
.nav-previous, .nav-next {
display: none;
}