Search…

X3 Photo Gallery Support Forums

Search…
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Mega Menu Preview Title+Description

21 Mar 2015, 09:55

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
Attachments
nav.jpg
nav.jpg (121.07 KiB) Viewed 4749 times
VektorStyle.de
Graphic - Web - Printdesign | X3
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Mega Menu Preview Title+Description

21 Mar 2015, 11:04

Hmm, I may need to add more options for the this. For now, you will need to hide the items with custom CSS:
Code
.mega.preview a >*:not(.image-container) {
  display: none;
}
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Re: Mega Menu Preview Title+Description

23 Mar 2015, 06:37

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
VektorStyle.de
Graphic - Web - Printdesign | X3
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Mega Menu Preview Title+Description

23 Mar 2015, 10:06

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 ...
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Re: Mega Menu Preview Title+Description

23 Mar 2015, 11:30

yes, the css custom code not work ;(
VektorStyle.de
Graphic - Web - Printdesign | X3
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Mega Menu Preview Title+Description

23 Mar 2015, 23:43

rokudamerlin wrote:yes, the css custom code not work ;(
Sorry, try this:
Code
.mega-preview > * {
  display: none;
}
.mega-preview > .image-container {
  display: block;
}
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Re: Mega Menu Preview Title+Description

24 Mar 2015, 06:59

run not =(
VektorStyle.de
Graphic - Web - Printdesign | X3
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Re: Mega Menu Preview Title+Description

24 Mar 2015, 07:11

this is my custom css ..
Code

.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;
}

VektorStyle.de
Graphic - Web - Printdesign | X3
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Mega Menu Preview Title+Description

24 Mar 2015, 11:52

Hmm, try this instead of the two others:
Code
.mega-preview > h2,  .mega-preview > p {
  display: none !important;
}
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Re: Mega Menu Preview Title+Description

25 Mar 2015, 09:40

last code run not :(

puh... this not easy to hide .. =(
VektorStyle.de
Graphic - Web - Printdesign | X3
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Mega Menu Preview Title+Description

26 Mar 2015, 00:52

Hmm sorry, a bit hard to get this working because of how it disappears from chrome devtools on hover. This should work:
Code
.mega .preview h2,  .mega .preview p {
  display: none !important;
}
 
rokudamerlin
Experienced
Topic Author
Posts: 161
Joined: 01 Dec 2012, 02:00

Re: Mega Menu Preview Title+Description

26 Mar 2015, 09:17

very good work ! this run !! thanks
VektorStyle.de
Graphic - Web - Printdesign | X3