Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #646210

    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

    #646231

    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

    #646475

    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

    #646646

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Image between Logo and Mobile Menu’ is closed to new replies.