Archived topic
Header Menu - Mobile / Desktop
8 replies · Started by Paul on December 28, 2022
Hi there! I hope someone can help and this isn't really hard! You see on this website - http://www.equalvision.com/
Where the header menu background is - when you use the mobile menu, the background of the menu extends from the same image, so the background image fills up the entire menu background,
Thank you so much!
Paul
Hi there,
What is the request exactly? I'm not sure what you are trying to achieve.
let me know!
oops, sorry! here are some screenshots -
Part 1 - https://imgur.com/0qYeS7l
Part 2 - https://imgur.com/2BmSQTD
Sorry!
Ps I love everyone here and the whole Generatepress platform! It is by far the best theme I have ever used.
Are you trying to achieve the same effect as the example site?
Can you link us to your site then?
Hi Ying! Happy New Year and all the best!!!!
So I switched it up a bit - would it be possible to get a mobile menu similar to the one on this site -
https://artoffact.com/
Thank you so so much!
Hi Paul,
Can you try adding this through Appearance > Customize > Additional CSS:
@media (max-width: 768px) {
header#header {
background: #464743 url('https://fazarcon.pluginsupportwp.com/wp-content/uploads/2022/05/online-store-5449801-768x709.png') no-repeat 50% 0;
}
div#mobile-menu {
background: #464743 url('https://fazarcon.pluginsupportwp.com/wp-content/uploads/2022/05/online-store-5449801-768x709.png') no-repeat 50% 0;
}
}Replace the image URLs with your preference.
PERFECT! Thank you so so much as always!
How can you get such a mobile menu? In the settings, I don't see the option to change the menu arrangement or change the appearance of the X button
Both sites linked by the original author are not using GeneratePress so there are no options to create mobile menu like that.
Fernando's CSS is simply adding background images to the menu.
If you have additional questions, please open a new support topic.
Thanks!