Navigation bar for devices

[Anonymous]

Hi,
I am trying to do a couple of things on my nav bar for the mobile version of my site http://www.makelu.co.

1. I would like to remove the line between links

2. I would like to add a background color and a background-image that covers the entire section.

Any help would be appreciated.

 

Add New Note to this Reply

[Tracy Bui]

Hi,

Thanks for contacting us.

1> We are so sorry but we don't make sure we understand your question. Please give us exactly the images describe your question. We will help you to remove them.

2> For background image and background color: You can add to the row of Visual Composer.

Please check, then feedback for us soon if you get another point.

Best Regards,

YoloTheme

Add New Note to this Reply

[Anonymous]

Hi Tracy,

Thanks for your reply.

1. I am sending you te picture again, sorry, you are right it wasn't clear

2. I am not sure I understand because I manage to do things in visual composer but on the pages. What I want to do is set a background image to the navigation bar for small devices (I send the picture again)

3. I also have another question, when working in Customiser, I can see that I have options for different devices, I jus wanted to know if I can change the settings for each device separately. For example I see that in mobile devices the transparent white block where the logo and the button that triggers the menu is way to big, that's ok for desktop and maybe for tablets but for smartphones it just covers the whole image underneath.

I always appreciate your support

 

Add New Note to this Reply

[Tracy Bui]

Hi again,

Thanks for your getting back.

We are so sorry for late reply. We have had a weekend and just gone home with our family.

For your questions:

1> You can add this Custom CSS segment on Customizer> Custom Code > Custom CSS to hide the border-bottom of mobile menu:

@media (max-width: 786px){

#off-canvas-nav .yolo-main-canvas .navbar-nav li a {

border-bottom:none;

}

}

2> You can use Custom CSS segment on Customizer > Custom Code > Custom CSS to add background-image  for mobile menu bar:

@media (max-width: 786px){

#off-canvas-nav .yolo-main-canvas {

    background-image: url("https://i.imgur.com/9ld06hh.png") !important;

}

}

Note: change for your suitable image for your website.

3> Customizer section are applied for all pages of your website on all devices and you can not configure separate each device. Hopefully, you understand for us.

But you can give us an example website's URL as your description. We will consider, if we can make to your website, we will make it for you.

Please check, then feedback for us soon.

Best Regards,

YoloTheme

Add New Note to this Reply

[Author]

Posts