Center logo on page header

Hi, I can't figure out how to center my logo on the header. 
I would like to do the same to the Big intro section call now...
HELP!! Thank you very much

Pat

Comments

  • Hi patrick_64

    Please have a look in attached screen shot and let me clear did you want to show your logo here http://prntscr.com/fy35p9

    If yes kindly use this given custom CSS in your theme custom CSS box .

    Go to wp-dashboard >> Appearance >> customize >> header settings >> custom css 

    .hc_logo {
        float: right;
    }

    Also please share your site url.

    Thanks
    A


  • HI, thanks for the reply. 
    No, actually I would like the logo to be on exact horizontal centre of the page, and be responsive to windows size changes and mobile devices (always staying in the centre). 

    can you help me?

    Thanks

    PAt
  • Hi patrick_64

    Please again confirm http://prntscr.com/fy3ivf

    And let me confirm also did you want to use social icons in the header.

    Thanks
    A
  • Hi, yes thats it! 
    no I dont want to use social icons... 

    Thanks
    pat

  • It requires core code customize so i will suggest you to add customize code  in child theme you can read more about child theme here https://codex.wordpress.org/Child_Themes

    Now Follow given instructions.

    1. Create a child theme you can use this plugin to create child theme https://wordpress.org/plugins/orbisius-child-theme-creator/

    2. Go to in your theme directory and copy header.php and now go to in your child theme directory and paste here header.php file.

    3. Find attached code in https://pastebin.com/zzSEz7HU and replace in your child theme header.php file.

    4. Activate your child theme 

    5. Add this custom css code in your theme custom cs box 
    Go to wp-dashboard >> Appearance >> customize >> header settings >> custom css

    .hc_logo { text-align: center; }
    .hc_logo a { padding-right: 0; float: none; }

    Let me know did it work.

    Thanks
    A.
  • edited July 2017
    HI abhishek,

    it worked perfectly. 
    Thank you! I've resized the logo using width and height properties on .hc_logo img 

    the only problem now is that is too small on mobile dev compare to desktops. Eventually I'll figure out how to fix this. 
    Do you think I can apply the same commands to the big intro section after the slider section? 

    Could you please give me a brief explanation on what I have done with your instruction? 
    It could be helpfull for the future, since I tryed margin:auto and other centering commands on every div without success... :()  

    Thank you again! 

    Pat
  • Hi patrick_64

    Let me know your logo issue resolved if yes then please allow us to close this thread. or not, please please share your site URL.

    Kindly create separate tickets for your other query.

    Thanks
    A
  • Hi abhishek, sorry for the delay...

    as I said it worked! Thank you. I think you can close the thread. 
    Can you please give a brief explanation on the coding we used? 

    Thank you very much. 

    Patrick 
This discussion has been closed.