Topic Resolution: Resolved
  • Closed
  • Richard Burt
    Spectator
    July 26, 2016 at 2:14 pm #29355

    My site pc-support.uk.com

    I’d like the logo to be left aligned at the left hand side of the title bar and keep the text centred where it is.

    Left or right aligning the logo also changed the alignment of the text.

    Is this possible?

    Daniel Jones
    Spectator
    Posts: 148
    July 26, 2016 at 4:22 pm #29359

    Hi Richard,

    I hope you are having an awesome day and thanks for contacting us regarding your query.

    This is a rather more complex CSS tweak but we are able to provide you with the example Custom CSS Code needed to accomplish this for desktop viewports.

    Here is the Custom CSS Code to accomplish this request.

    /*Floats the Logo Left & Aligns it with the Text*/
    img.img-responsive.normal_logo {
    float: left;
    position: relative !important;
    right: 100% !important;
    bottom: 20px !important;
    }

    Should you require any additional assistance with this request you will need to use the customization services by clicking on the link below.

    https://theme4press.com/theme-customization-service/

    Please let me know if there are any more questions that I may answer for you 🙂

    Cheers!

    Richard Burt
    Spectator
    Posts: 8
    July 26, 2016 at 4:56 pm #29363

    With a wee bit of jiggling with the number I’ve got it as I want it. Many thanks.

    One last question – The header is now too tall. How to shrink in height?

    http://www.pc-support.uk.com

    Daniel Jones
    Spectator
    Posts: 148
    July 26, 2016 at 5:03 pm #29364

    Hi Richard,

    Thanks for your reply.

    You may check within the following section of your theme options; Appearance>Theme Options>Header>Header Background Header Top & Bottom Padding and make sure they are set to 0.

    OR

    You may use the following Custom CSS Code to accomplish this request.


    /*Reduces the Top & Bottom Padding to Reduce the Header Height*/
    .header {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
    }

    Please let me know if there are any more questions that I can answer for you 🙂

    Cheers!

    Richard Burt
    Spectator
    Posts: 8
    July 26, 2016 at 5:08 pm #29365

    Perfect. Thank you very much.