Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 9, 2016 at 4:29 pm #722489
    apicalmedia

    Hi,

    I have been asked if i can add credit card logos & possibly a large phone number to the right side of the header in the same area where the logo is. Can you please tell me how do i do this?

    Many thanks in advance.

    December 9, 2016 at 4:31 pm #722491
    apicalmedia

    Sorry i forgot to say it would replace where the social media icons are currently

    December 9, 2016 at 4:34 pm #722493
    Yigit

    Hey!

    You can refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header and place your images inside it

    Cheers!
    Yigit

    December 9, 2016 at 5:06 pm #722514
    apicalmedia

    Thanks Yigit for your quick response. Can i ask you, once i implement this can it be made so the credit cards image is visible for desktop but hidden for mobile as i just tested it locally and the mobile navigation & shopping cart get hidden behind the credit cards

    December 9, 2016 at 5:46 pm #722535
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 769px) {
#header .widget { display: none !important; }}

    Best regards,
    Yigit

    December 9, 2016 at 6:50 pm #722573
    apicalmedia

    Hi Yigit, My final question for you lol

    If i wanted to have the telephone & a credit card image in the header do i need to setup 2 header widgets & what would i need to change in the code & css?

    Many thanks for all your help, you guys have been very helpful

    December 13, 2016 at 8:43 am #723586
    Ismael

    Hey!

    You don’t need to setup multiple widget areas. All content can be included in a single text widget. Don’t forget to add unique id or class attributes to the containers so that you can modify their style (position, fonts, color etc) later on.

    // http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016

    Regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.