XF 2.1 How to disable header images in mobile view

[rg90]

Hi, i set in Header/logo row and Navigation row image backgrounds.
They display well in the desktop version, but when I run the forum on my mobile, it doesn't look good and the background repeats below itself.
I want to ask, can it be turned off in mobile using some CSS command ? Thanks

 

[l3ta]

Try this in extra.less:

@media(max-width: 650px){ .p-header, .p-nav { background: none; }}

 

[rg90]

Thanks but this remove images from mobile header.. so it's white after this code.
I need to remove the background image from the mobile MENU so that only the set default color remains.

 

[l3ta]

Thanks but this remove images from mobile header.. so it's white after this code.
I need to remove the background image from the mobile MENU so that only the set default color remains.

Ak, ok. Replace the code with this one:

@media(max-width: 650px){ .p-header, .p-nav { background-image: none; }}

 

[rg90]

Thanks, this fixed the header on the mobile display that's fine. But when I click on the hamburger icon to open the mobile menu, the image is still displayed there.

 

[l3ta]

Thanks, this fixed the header on the mobile display that's fine. But when I click on the hamburger icon to open the mobile menu, the image is still displayed there.

An image in the mobile menu? I have to see that. Please provide a link to your forum.

 

[l3ta]

Thanks, this fixed the header on the mobile display that's fine. But when I click on the hamburger icon to open the mobile menu, the image is still displayed there.

Put this in extra.less:

.offCanvasMenu--nav .offCanvasMenu-content {background-image: none;}

 

[rg90]

It works, thanks