Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #729501

    Hi guys

    I need to have my header as in HEADER.JPG in the private content area).

    1. I have added the extra header widget code to my functions
    2. set up a text box in the header widget

    but I can’t seem to get the telephone and contact details on the right hand side on 2 lines with the divider line and icons, any help please???

    My site atm is WEBSITE LINK in private content area.

    Many thanks in advance

    Dan

    #729797

    Hey sjidesign,

    We need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    #729842

    Hi Vinay
    Many thanks for your reply.
    Please see private content area for details.
    Regards
    Dan

    #730412

    Hi,

    I attached a screenshot in private content field showing how it looks on my end. If that is not your goal, can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    #730462

    hi Yigit,

    Thanks for your reply, as above I am trying to get the header to look like this: http://www.sjidesign.com/pap/header.jpg
    Thanks for your help.

    Regards

    #731004

    Hi,

    I had to remove some css code related to the header widget as this code will make it difficult to place the elements in header as per your requirements.

    Please find the old code here (link in private) and back it up if you should need this in the future.

    Please let us know where is the fall back menu coming from? How did you add it?

    It is recommended to use the menu feature available in Dashboard > Appearance > Menu and create your own menu.

    This way it is easily manageable and we can provide you with custom code to make the header look like your screenshot.

    Awaiting your reply.

    Best regards,
    Vinay

    #731676

    Hi Vinay

    Thank you very much for helping me with this.

    I have added the menu.If you login to my admin and go to Dashboard > Appearance > Menus you will see my menu is called mainmenu

    Thank you again

    Regards

    Dan

    #732057

    Hi,

    Thank you for setting up the menu.

    I thought the widget area code was also removed and tried to setup the widget area again however this caused an error to show up. In the functions.php file we need to remove the last functions related to the header widget.

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );
    }

    Can you please provide us a temporary FTP access (via private data field)?

    Best regards,
    Vinay

    #732064

    Hi Vinay

    No problem. please see private area for ftp.

    Regards

    Dan

    #732077

    Hi Vinay

    I have just removed the code from the header via ftp, the site is back up and working again now.

    Regards

    Dan

    #732522

    Hi,

    Thank you for making the updates :)

    I’m working on your ticket, will update the result here soon.

    Best regards,
    Vinay

    #733494

    Hi,

    We have added the below html code to Widgets > Header

    <div class='widget-info'><a class='tel' href='tel:+44020886656666'> +44(0)20 8866 56666</a><a class='email' href= 'mailto: (Email address hidden if logged out) '>Send Email</a></div>

    And the below css to Quick CSS section under Enfold > General Styling :

    Please review the site and let us know how you like it :)

    #top .main_menu{
    margin-right:160px;
    }
    .widget-info .tel {
    display:block;
    clear:both;
    }
    #header_main .widget a {
    color:#D6011F !important;
    }
    #header_main .widget {
    clear:none!important;
    top:50%;
    transform:translateY(-50%);
    right:0;
    position:absolute;
    line-height:30px!important;
    text-align:center;
    }
    .main_menu {
        clear: none;
        position: absolute;
        z-index: 100;
        line-height: 30px;
        height: 100%;
        margin: 0;
        left: 20%;
    } 
    
    @media only screen and (max-width:989px) {
    #header_main .widget {
    right:90px;
    }}
    .widget-info .tel:before, .widget-info .email:before {
      display: inline-block;
    font-family: "dashicons"!important;
      text-decoration: none;
      speak: none;
    position:absolute;
    left: -20px;
    }
    .widget-info .email:before {
      content: "\f466";
    }
    .widget-info .tel:before {
      content: "\f525";
    }
    

    Best regards,
    Vinay

    • This reply was modified 7 years, 2 months ago by Vinay.
    #733994

    Hi Vinay

    Many thanks for doing this, I really appreciate your help.

    The text looks great but I have checked the site in explorer, firefox and chrome and even on samsung galaxy tab and the icons are missing, they are just showing up as blank squares with a red cross.

    Seems like the site is not picking up the font??

    Regards

    Dan

    #736213

    Hi,

    I checked the site on FF, IE and Chrome and also on my android phone the icons look fine on my end please refresh the page a few times to empty the browser cache and try again.

    If you still notice the same issue please enable CORS http://kriesi.at/documentation/enfold/enable-cors/

    Best regards,
    Vinay

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