Page 1 of 1
Mega Menu Preview Title+Description
Posted: 21 Mar 2015, 09:55
by rokudamerlin
hi,
i want hide in the preview from the mega menu the title and the description from flip preview .. hope you can help me ..i have test any ..but not the right found.
view the image in the red field this
thx for help
greez stefan
Re: Mega Menu Preview Title+Description
Posted: 21 Mar 2015, 11:04
by mjau-mjau
Hmm, I may need to add more options for the this. For now, you will need to hide the items with custom CSS:
.mega.preview a >*:not(.image-container) {
display: none;
}
Re: Mega Menu Preview Title+Description
Posted: 23 Mar 2015, 06:37
by rokudamerlin
hmm this code have nothing make other ;(
can you me say where is the css for this or the code (html) for display this .. and i can remove for the first..
but the site is my live site and i dont like when customer see this in the menu ..this look not like a profi for webdesign
hope you can help me
Re: Mega Menu Preview Title+Description
Posted: 23 Mar 2015, 10:06
by mjau-mjau
rokudamerlin wrote:hmm this code have nothing make other ;(
can you me say where is the css for this or the code (html) for display this .. and i can remove for the first..
but the site is my live site and i dont like when customer see this in the menu ..this look not like a profi for webdesign
You mean the CSS code did not work? You cannot "edit the css code", which is in the huge minified CSS skin file ... Besides, its not CSS that sets it to display. The CSS just styles it, and can hide it ...
Re: Mega Menu Preview Title+Description
Posted: 23 Mar 2015, 11:30
by rokudamerlin
yes, the css custom code not work ;(
Re: Mega Menu Preview Title+Description
Posted: 23 Mar 2015, 23:43
by mjau-mjau
rokudamerlin wrote:yes, the css custom code not work ;(
Sorry, try this:
.mega-preview > * {
display: none;
}
.mega-preview > .image-container {
display: block;
}
Re: Mega Menu Preview Title+Description
Posted: 24 Mar 2015, 06:59
by rokudamerlin
run not =(
Re: Mega Menu Preview Title+Description
Posted: 24 Mar 2015, 07:11
by rokudamerlin
this is my custom css ..
.mfp-title {
display: none;
}
.primary-color, .primary-color-headers h1, .primary-color-headers h2, .primary-color-headers h3, .primary-color-headers h4, .primary-color-headers h5, .primary-color-headers h6, .color-primary {
color: #ff1493;
}
.logo-3d .m1 {
color: #ff1493;
}
body[class*="topbar"] .mega form button {
outline: medium none;
color: #fff;
display: inline-block;
padding: 0.7em;
margin: 0.8em 0px 0px;
background: none repeat scroll 0% 0% #ff1493;
border: 3px solid #fff;
}
.style-icon::after {
position: relative;
bottom: -0.25em;
left: 0.1em;
color: #ff1493;
font-size: 0.4em;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
color: #ff1493;
}
.logo-3d .m1 .lhover {
color: #FFF;
}
.logo-3d .m2 .lhover {
color: #ff1493;
}
Element {
color: #fff;
transform: rotateZ(0deg);
}
.menu-absolute-20[class*="menu-absolute"][class*="topbar"] .nav-wrapper:not(.topbar-sticky-pos) {
background: none repeat scroll 0% 0% ;
}
.logo-3d .m2 {
color: #fff;
}
.images.card .item-link {
display: inline-block;
width: 100%;
border-radius: 24px;
overflow: hidden;
background-color: #060606;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1);
}
body[class*="topbar"] .menu > li.child-active > a, body[class*="topbar"] .menu > li > a.active {
background: none ;
}
.fotorama__toggleplay, .slideshow .fotorama__video-play,
.fotorama__arr--next > button,.fotorama__arr > button
{
display: none;
}
.main {
padding: 3em 0px 0px;
background: url('http://stefanhubigdesign.com/ro.png') no-repeat;
}
body[class*="topbar"] .mega {
position: absolute;
text-align: center;
padding: 1em;
background: none repeat scroll 0% 0% #D9DCDF;
}
body.clear[class*="topbar"] .nav-wrapper.topbar-sticky-pos {
color: rgb(111, 110, 110);
background: none repeat scroll 0% 0% rgb(252, 252, 252);
}
.fotorama__fullscreen-icon {
display:none;
}
body[class*="topbar"] .mega.list .image-container img {
position: absolute;
left: 0px;
width: 200px;
height: 200px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
overflow:hidden;
}
body[class*="topbar"] .mega.list .image-container {
padding-bottom: 100%;
position: relative;
margin-bottom: 1.2em;
outline: none;
background: none ;
}
body[class*="topbar"] .preview > div:last-child button:first-of-type {
display:none;
}
body[class*="topbar"] .preview > div:last-child button {
display:none;
}
body[class*="topbar"] .menu h2 {
color: #FF1493;
font-size: 1.2rem;
}
body[class*="topbar"] .mega.list .preview {
min-height: 255px;
background-color: #CCD1D5;
perspective: 1000px;
perspective-origin: 30% 30%;
}
.mega-preview > * {
display: none;
}
.mega-preview > .image-container {
display: block;
}
Re: Mega Menu Preview Title+Description
Posted: 24 Mar 2015, 11:52
by mjau-mjau
Hmm, try this instead of the two others:
.mega-preview > h2, .mega-preview > p {
display: none !important;
}
Re: Mega Menu Preview Title+Description
Posted: 25 Mar 2015, 09:40
by rokudamerlin
last code run not
puh... this not easy to hide .. =(
Re: Mega Menu Preview Title+Description
Posted: 26 Mar 2015, 00:52
by mjau-mjau
Hmm sorry, a bit hard to get this working because of how it disappears from chrome devtools on hover. This should work:
.mega .preview h2, .mega .preview p {
display: none !important;
}
Re: Mega Menu Preview Title+Description
Posted: 26 Mar 2015, 09:17
by rokudamerlin
very good work ! this run !! thanks