Canvas Support

Restaurant Mobile Header Background Image

1 reply · opened Aug 11, 2017

LliltntornadoAug 11, 2017

Is there a way to change the header background image <div id="header-wrap" style="background-image: url('demos/restaurant/images/sketch-header.png');">
to a solid color or different image for mobile?

I'm using the <nav id="primary-menu" class="style-4"> menu, not the "split menu" that was originally written for "demo-restaurant.html" because I am also using some "mega-menus."

The header background image repeats on mobile making it not attractive. I believe your image (sketch-header.png) blends because it is white, but that doesn't work for my scenario.

Also, where can I change the #HEX for the mobile menu?

SSemicolon WebSTAFFAug 15, 2017

Hello,

Please consider using a different Background Image for the Mobile Header because currently this kind of Background is not supported on Mobile Header (since it expands when we open the Menus) which is the reason why we had removed the Restaurant Header Background (which shows on Desktop) from Mobile Devices. So, it is recommended to remove the irregular background and replace it with a Plain Background of just the Wood Area sans the irregular area at the bottom and show it only on Mobile Devices.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard