New Landing › How can we help? › Themeforest Theme Support › Flexform › Background header

Viewing 15 posts - 1 through 15 (of 18 total)
1 2
  • Back to forum
    Posted in: Flexform
  • June 30, 2014 at 12:42 am #86849
    blaouchez
    Member
    Post count: 448

    Hello,

    Is it possible to place an image in the background of the entire header (menu + top menu)?

    Regards

    June 30, 2014 at 6:13 am #86894
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use custom css code as given below:
    /*Please change the image path*/
    #top-bar,#header-section{background:url(image_path_url) no-repeat;}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    June 30, 2014 at 10:09 am #86958
    blaouchez
    Member
    Post count: 448

    Thank you! it works if I add “!important,” but I have the same picture in main nav and in the top bar

    How to display a different image to the top bar?

    June 30, 2014 at 10:12 am #86961
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use code like :

    #top-bar{background:url(image_path_url) no-repeat !important;}
#header-section{background:url(image_path_url) no-repeat !important;}

    Thanks

    June 30, 2014 at 12:35 pm #86995
    blaouchez
    Member
    Post count: 448

    Perfect;)

    June 30, 2014 at 4:31 pm #87061
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved .
    Thanks 🙂
    With Best Regards
    Swift Ideas

    July 1, 2014 at 5:43 pm #87342
    blaouchez
    Member
    Post count: 448

    I back to the question because I forgot one very important detail:
    Is that the photo can be responsive?

    Regards

    July 2, 2014 at 5:59 am #87403
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use code like this :

    #top-bar{background:url(image_path_url) no-repeat !important; background-size:100% auto;}
#header-section{background:url(image_path_url) no-repeat !important; background-size:100% auto;}

    Thanks

    July 2, 2014 at 1:27 pm #87501
    blaouchez
    Member
    Post count: 448

    Thank you but the background image does not change size

    Test : http://cluster007.ovh.net/~montourckh/?page_id=2

    July 2, 2014 at 3:23 pm #87561
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Just checked on my system and works fine? Please clear your cache and let me know

    – Kyle

    July 2, 2014 at 3:29 pm #87563
    blaouchez
    Member
    Post count: 448

    I use Safari and Chrome and I have emptied the cache

    In Responsive, the image should be reduced when reducing the browser window, no?

    July 2, 2014 at 3:34 pm #87564
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Unfortunately it can’t resize the way you are thinking, it will always cover the height of the window

    – Kyle

    July 2, 2014 at 4:28 pm #87582
    blaouchez
    Member
    Post count: 448

    If I use a background for my pages (Option > BG options > background size) is perfect. (ex : http://cluster007.ovh.net/~montourckh/page_id=2 )

    Is it possible to do the same for the background of the header?

    July 3, 2014 at 5:41 am #87685
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You can use code like that :

    #top-bar{background:url(image_path_url) repeat fixed center top !important;}
#header-section{background:url(image_path_url) repeat fixed center top !important}

    Thanks

    July 3, 2014 at 10:23 am #87772
    blaouchez
    Member
    Post count: 448

    Thank you but the picture does not adapt to the format when reducing browser window

    http://cluster007.ovh.net/~montourckh/?page_id=2

  • Back to forum
    Posted in: Flexform
Viewing 15 posts - 1 through 15 (of 18 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register