Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 9, 2015 at 12:46 am #532282
    Wils1234

    Hello Support,

    I have attached an image of the header for you to take a look at.

    I have circled what I would like in the header. It´s some text with an icon and linkable.

    From what I can work out I would need to look at the header.php and helper-main-menu.php files.

    Thanks in advance.

    November 9, 2015 at 12:51 am #532284
    Yigit

    Hey Wils1234!

    Please see – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Regards,
    Yigit

    November 9, 2015 at 12:59 am #532287
    Wils1234

    Hi Support,

    I have attached another image showing how I would like the header displayed on the mobile.

    There are 4 things. Again, no 4 I would like a link.

    Thank you again.

    November 9, 2015 at 3:22 pm #532631
    Wils1234

    Hi Yigit,

    Thanks for that. I have added the widget and it is fine. However, I have tried making the text a link but it does not function.

    Thanks in advance.

    By the way, any luck with the other query?

    “I have attached another image showing how I would like the header displayed on the mobile.

    There are 4 things. Again, no 4 I would like a link”.

    Thank you again.

    November 10, 2015 at 10:42 am #533132
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #header_main .widget {
    z-index: 10000 !important;
}

    Best regards,
    Rikard

    November 10, 2015 at 1:14 pm #533189
    Wils1234

    Hi Rikard,

    Thanks for that. It works perfectly. It has obviously done the trick, but how? What is z-index? Would appreciate just a brief explanation.

    Thanks in advance.

    November 10, 2015 at 2:27 pm #533246
    Yigit

    Hey!

    Please see – http://www.w3schools.com/cssref/pr_pos_z-index.asp for more information

    Cheers!
    Yigit

    November 10, 2015 at 11:37 pm #533752
    Wils1234

    Thanks for this. I have noticed when I scroll down the “Free World Delivery” in the top left hand corner does not move up like the social icons.

    What would I need to do make this happen?

    Thanks in avdance.

    November 11, 2015 at 5:45 pm #534256
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .header-scrolled #header_main .widget {
    padding-top: 10px;
}

    Regards,
    Yigit

    November 11, 2015 at 6:18 pm #534291
    Wils1234

    Hi Yigit,

    This works. Thank you.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Add some text, icon and link to header’ is closed to new replies.