Okay
  Public Ticket #1188404
Menu Item Style Issues
Closed

Comments

  •  5
    Steve started the conversation
    May 30, 2017 at 8:16am

    Hi Tahir,


    We've got an issue with a landing page we are building where we have two menu items at the top which we have added menu item styles to. For some reason it adds a second empty box on ipad landscape view.

    Would you possible have a fix for this?

    Many thanks,

    Steve

  •  5
    Steve replied
    May 30, 2017 at 8:18am

    Forgot to add screen shot...

  •  9,011
    Tahir replied
    May 30, 2017 at 11:13am

    I cant seem to recreate it . Which Ipad are you exactly testing in ?. 

    Thanks

    ThemeNectar Support Team 

  •  5
    Steve replied
    May 30, 2017 at 11:22am

    Hi Tahir,

    Worked it out. Basically if you don't put anything in the 'link' field for the menu item it adds another box in below... very strange... 

  •  5
    Steve replied
    May 30, 2017 at 11:24am

    One other thing, Andrew has been working on something else for me with regards to adding a tint over the images in the Nectar Slider which works OK on desktop but not on mobile devices. Below is the code he has supplied me, but the extra bit he gave me to make it work for mobile devices still doesn't work. Could you possibly take a look at it for me?

    /*add overlay black color to nectar slider*/
.active_texture {
    background-color: rgba(0,0,0,0.6);
}
@media only screen and (max-width: 1024px){
.active_texture {
    background-color: rgba(0,0,0,0.6) !important;
}
}


  •  9,011
    Tahir replied
    May 30, 2017 at 11:26am

    Page url ? 

    ThemeNectar Support Team 

  •  5
    Steve replied
    May 30, 2017 at 11:58am

    http://welcome.minton.co.uk/

    Because the client was reviewing the page I had to remove the code and put the tint overlay on the images in Photoshop.

    Do I need to set it back to how it was with the code in place before you view it?

    Thanks,

    Steve

  •  9,011
    Tahir replied
    May 30, 2017 at 12:02pm

    Try this instead

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    /*add overlay black color to nectar slider*/
.video-texture {
    background-color: rgba(0,0,0,0.6) !important;
}
@media only screen and (max-width: 1024px) {
    .video-texture {
        background-color: rgba(0,0,0,0.6) !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  5
    Steve replied
    May 30, 2017 at 12:17pm

    Hi Tahir,

    It's working on desktop but not on mobile/ipad?

    http://welcome.minton.co.uk/

    Any thoughts?

    Thanks,

    Steve

  •  9,011
    Tahir replied
    May 30, 2017 at 12:33pm

    Try this instead

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .swiper-slide .image-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

    Thanks

    ThemeNectar Support Team 

  •  5
    Steve replied
    May 30, 2017 at 12:44pm

    Is this in addition to the previous code or to replace it?

    If it's in addition, it still doesn't work?

    Steve

  •  5
    Steve replied
    May 30, 2017 at 12:51pm

    Hi Tahir,

    It does work! I just noticed that in your code it had the tint at 0.2 which wasn't showing up well. I changed it to 0.6 and it works beautifully! Thank you as always!

    Steve

  •  9,011
    Tahir replied
    May 30, 2017 at 12:52pm
    Seems to be working in the Live Browser . 

    You can use it without the previous ones . 

    Thanks 

    ThemeNectar Support Team 

  •  5
    Steve replied
    May 30, 2017 at 12:54pm

    Thanks Tahir. That would be a great feature to add in the next update!

    Thanks again,

    Steve