Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
RubenAlza

adding a background image to the mobile menu

Question

12 answers to this question

Recommended Posts

  • 0
2 minutes ago, tuanphan said:

Try adding to Home > Design > Custom CSS


.Mobile-overlay-menu {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/10/Slash.png);
}

 

it changed to a blue background.

 

aaa.png

Share this post


Link to post
  • 0
6 minutes ago, RubenAlza said:

it changed to a blue background.

 

 

It is image, not color. Just replace image url in my code.

Also I could not find a solution to the black part. Maybe you can make it transparent ... or ..

Edited by tuanphan

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31.

Share this post


Link to post
  • 0
36 minutes ago, tuanphan said:

It is image, not color. Just replace image url in my code.

Also I could not find a solution to the black part. Maybe you can make it transparent ... or ..

thank you. it worked but yeah that black strip still over it.
i'll try to find a way to make it transparent

Share this post


Link to post
  • 0
4 hours ago, tuanphan said:

try


.is-mobile-overlay-active .Mobile-overlay {background: transparent;}

 

thanks but now it has a blank space under the x as shown here
do you know how to have it fill the whole space with the same image?

f.png

Share this post


Link to post
  • 0
1 minute ago, tuanphan said:

Your site is private....I guess maybe we should increase mobile menu with to 100%

sorry, bad habit. available now.

100% on the code?

Share this post


Link to post
  • 0
1 minute ago, tuanphan said:

button.Mobile-overlay-close {
    position: relative;
    z-index: 10000;
    background: Transparent !important;
}
.Mobile-overlay-menu {
    width: 100%;
}

 

thank you so much for all your help!!!!
 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...