Hey aovivo, you have a column link set – which overlays the entire columns in a link which would prevent the flipbox hover (or any element under that link from triggering a hover state). Remove the column link and instead set the desired link in the flipbox element itself

Cheers

okay, but where can I set the link in the element itself? Dont see any option there….

Hey aovivo,

You can use the nectar shortcode generator button to add a nectar button inside of the back side of your flipbox as shown in the examples: http://themenectar.com/demo/salient-promo/flip-box/

Hey djoulya, on that URL i’m seeing an error appear in the browser console starting at the permanent transparent header script. Since it appears you’re not using that option, please disable it in the Salient options panel > header navigation > transparency tab and I’ll take another look after you’ve done so

“Use Transparent Header When Applicable?” is OFF already … another guess?

Hey djoulya, could you also try changing your theme skin in the Salient options panel > general settings tab to “Material”? If that doesn’t work, Could you please open a ticket in regards with your admin credentials so we can take a further look into this? https://themenectar.ticksy.com

Cheers

Hey amitzala,

add this into the custom css box in your Salient options panel:

body:not(.mobile) header#top #logo img {
    margin-top: -25px;
}

Cheers

Hey ludovicgourse, you need to disable the lazy image loading feature of jetpack – Salient already has image loading logic in place for the portfolio element and needs that to create the correct grid before displaying the images

Thank you very much! Problem solved.

You’re welcome ludovicgourse

Hey stsw,

add this into the custom css box:

html body[data-button-style="default"] .section-down-arrow i.icon-default-style[class^="icon-"] {
  color: #000!important;
}

Cheers

Thank you

You’re welcome stsw

Hey Hernan,

Salient is using the default WooCommerce function to output the related products, (Woocommerce_related_product) not any custom query – so modifying that behavior would be unrelated directly to the theme you’re using but rather to the WooCommerce plugin itself

Cheers

Hey toolboxno9,

Could you please open a ticket in regards with your admin credentials so we can take a further look into this? https://themenectar.ticksy.com

Thanks

Hey narijayu! Change the parent row holding the Nectar Slider to be “full width background” and then ensure that the Nectar Slider element itself has the option checked for “Display full width”

Cheers

Hey aovivo,

1. regular text input fields in VC don’t allow for HTML to be saved properly – HTML is only intended to work in the content editor field within VC items such as the text block

2. Please share your URL in regards so I can take a look at what’s going on responsively with your setup to assist

Cheers

1.) So I would need to swith to Text editor and edit ans save it there? My main condern is that I cant edit that text at all – f.e. bold, break line, paragraph, listing, etc… which limits the potentail that the element brings within

2.) here is the page where its is happening – at the bottom – the “Horizontal List Item” - https://artofm.net/permanent-make-up/ I have set up two columns. On the desktop there is plenty of space – if I look at the smartphone – the long titels on the left run into the columns on the right. If there where possibilities (like mention in 1.) I could break the line, change structure etc… the only way I see is to address a row for smart devices only…

THANKS in advance. its still one of the best themes out there.!

Hey,

1. As of now if you’re trying to use custom HTML within VC elements, you’d need to limit that the editor field which is only used on some elements: https://imgur.com/a/Rhkoicg 2. By default words do not break unless there’s a space when wrapping, but you can change that with css. Add this into the custom css box in your Salient options panel:

.nectar-hor-list-item>.nectar-list-item[data-text-align="left"] {
    text-align: left;
    word-wrap: break-word;
}

Cheers

Hey sefwalter, please describe in greater detail what’s going wrong – are you unable to reach that tab in the admin panel or is the demo failing to fully import? Have you checked out/verified the requirements for importing in the docs yet: http://themenectar.com/docs/salient/importing-demo-content/

Cheers

Hey mileskimberley, change your theme skin to “material” in the Salient options panel > general settings tab

Cheers

Hey magenta-digital2013,

It would be possible with custom css – add this into the custom css box in your Salient options panel:

header#top nav ul #search-btn >div > a:before {
   content: 'Search';
   right: 20px;
    display: block;
    position: relative;
}
header#top nav ul #search-btn >div > a span { display: none; }

Cheers

Hey pvictor4, glad to hear you’ve sorted it

Hey sorry to jump back on this train again, but I am wondering if there are some options for the flickity carousel to customize it a little more to look like the image gallery here:

https://gyazo.com/ec93f125710adb51e12ef44fb45fd7e3

Ideally I would have one central video lightbox with two halves of new lightboxes on each size – like the version in the image gallery shown above. Arrows would be cool but are not necessary.

Is this option available somehow with just the vc settings or should I apply custom css?

Just working off the console I have been able to get something like this, (turning overflow to hidden)

https://gyazo.com/70c4237e4e4f26ca79f3fe05453535cc https://gyazo.com/64e5284225f6bae411ecf40e287fea9c

Although the height is a little too large and on first load – it loads with an empty space on the left.

Any suggestions?

Thanks for all your help!

Hey pvictor4,

Could you share the actual page URL where you’re trying to accomplish this so I can provide an example snippet?

Cheers

Hey Ragmannl,

There’s no option to show the child items without clicking to expand them first – that would require custom css and would only be possible with certain off canvas menu styles (non fullscreen). Can you share your URl in regards so I can see your current settings?

Thanks

here is the site -> http://www.bodybalance.one/sandbox/

i got it set to fullscreen atm, i like that design. Thing is, i have a page in the Shop menu item and would like mobile user to be able to click on that and see the site instead of the expand menu. Also it is another click to get to the right menu items. I would like users to be able to see all options in one go.

is it possible to create a stand alone off canvas menu that appears on mobile devices? maybe by putting the menu in the off canvas widget? or would that double up the menu from the top nav menu + the custom off canvas one?

Hey Ragmannl,

add this into the custom css box in your Salient options panel:

#slide-out-widget-area .menuwrapper li .sub-menu {
    display: block!important;
}
#slide-out-widget-area .menuwrapper li.back { display: none!important; }

#slide-out-widget-area .menu-item-has-children > a { pointer-events: none; }

Cheers

Hey chasedesignsinc,

If you’re using the non masonry or classic masonry styles you can use a regular HTML anchor in the excerpt like so: https://pastebin.com/PypVYwp1

Cheers

Thanks but we are just using the default ‘recent posts’ setup – is there a style on recent post settings widget that will allow html coding?

Hey chasedesignsinc, unfortunately that would require modding to the nectar/tinymce/shortcode-processing.php file in regards at this time

Hey tphat98, we don’t know when the next sale will be yet

Cheers

Hey Ragmannl,

Unfortunately not without some custom modding at this time, but the next update is going to be adding new product options

Cheers

Awesome, thnx for the update.

You’re welcome Ragmannl

Hey ZSL_digital,

Unfortunately you wouldn’t be able to use the Salient map element for this without some custom development

Cheers

Hey hiGwindor,

Any of the demos can be imported via the Salient options panel > demo importer tab: http://themenectar.com/docs/salient/importing-demo-content/

Cheers

Thanks brianlichty,

add this into the custom css box in the page builder (top right gear icon within the page builder UI)

@media only screen and (min-width: 690px) {
.main-content > .row > div:nth-child(2) {
  display: none;
}
}

Cheers

thank you. but it the bottom part of the shape divider still shows.

Hey brianlichty, could you kindly provide a screenshot showing what you’re referring to? From my end the desktop view looks like: https://imgur.com/a/sgPe5ow