How to make the "header-wrapper" a fixed header? Also, different logo on mobile?

This topic has 5 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

  • Avatar: aaspri
    aaspri
    Participant
    October 14, 2014 at 07:19

    Is there a way to remove the “fixed-header” and simply have the “header-wrapper header-type-1 header-scrolling” as a fixed header? If so, that would be great!

    Also, can I add facebook/twitter/youtube (social buttons) in the Top Bar?

    Lastly, is there a chance to have a different Logo for the mobile?

    Many thanks in advance!

    Cheers!

    4 Answers
    Avatar: aaspri
    aaspri
    Participant
    October 14, 2014 at 08:39

    Also, I want my Logo to stick out in the page of a bit.

    Example: http://www.fender.com/

    When you scroll down, I want the logo to still be sticking out, while touching the top of the page (along with what I asked for in the original post).

    I added 2 screenshots of what exactly I want in the Private Content

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 14, 2014 at 14:06

    Hello,

    Unfortunately we don’t have such features for the fixed header and logo. Sorry.
    You can add social media icons inserting the code into Text widget and add it to “Place in header top bar” widget area. The code of icons can be found on help pages of social websites.

    Please take our apologies for inconveniences.

    Regards,
    Eva Kemp.

    Avatar: aaspri
    aaspri
    Participant
    October 14, 2014 at 14:13

    Is there a way to at least have the logo stick out as shown in the screenshots?

    Also, when I try to add anything to the top bar, it goes in a different line than the top bar and is thus invisible… Also, how can I make the languages in the top bar change color when hovered over (like the rest of the buttons in the top bar/header)?

    Please see the private content:

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 14, 2014 at 18:09

    Hello,

    You can add this code into custom.css file to achieve hover on languages section.

    .lang_sel_sel:hover{
    color:grey;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to make the "header-wrapper" a fixed header? Also, different logo on mobile?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.