Hey guys, hope you are all doing great!
Need a help here. I need to add an image between logo and mobile menu.
Any suggestions? Is that ok?
Cheers.
Angelo
Hey Angelo,
To add a image in the header in mobile view please create a widget area in the header and add your image inside the widget area with class name “header-image”. using CSS and media queries we can make it visible only in mobile view.
Please check this link kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.header-image{ display:none;}
/* For tablets*/
@media only screen and (max-width:767px) {
.header-image{ display:block!important;}
}
Best regards,
Vinay
Thanks Vinay!
Had to add a few combination of code, as position for mobiles and tablets are different!
Thanks heaps!
You can close the ticket!
Cheers,
Angelo
Hi,
Great! You got it working.
If you haven’t already please rate our theme on themeforest :)
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold!
Best regards,
Vinay