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

Try adding to Home > Design > Custom CSS

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

 

Share this post


Link to post
  • 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

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
23 minutes ago, RubenAlza said:

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

try

.is-mobile-overlay-active .Mobile-overlay {background: 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
3 hours ago, RubenAlza said:

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?

 

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

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
4 minutes ago, RubenAlza said:

sorry, bad habit. available now.

100% on the code?

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

 

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