Architect Pro header logo space

Home Forums All Other Themes Architect Pro header logo space

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #95301
    NigelNigel
    Participant
    • Topics: 174
    • Replies: 314
    • Total: 488
    Member since: March 17, 2016

    Hi

    how can I change the header logo space top of all pages?

    http://kenttilecentre.co.uk/wordpress/

    #95302
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30977
    • Total: 30977
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .logo { left:20%;}

    Regards,
    Chris

    #95317
    NigelNigel
    Participant
    • Topics: 174
    • Replies: 314
    • Total: 488
    Member since: March 17, 2016

    thanks Chris

    that just moved the logo to the right

    I want to keep the logo left but expand the size into the space on the right please

    #95391
    NigelNigel
    Participant
    • Topics: 174
    • Replies: 314
    • Total: 488
    Member since: March 17, 2016

    Hi Chris, could you reply to the previous message please, I’ve got a client waiting to see the new design – thanks

    #95395
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30977
    • Total: 30977
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .logo { left:0 !important; width:45%;}
    .header_right { width:55%;}

    Regards,
    Chris

    #95417
    NigelNigel
    Participant
    • Topics: 174
    • Replies: 314
    • Total: 488
    Member since: March 17, 2016

    perfect thanks

    #95421
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30977
    • Total: 30977
    Member since: August 16, 2013

    🙂

    #95545
    NigelNigel
    Participant
    • Topics: 174
    • Replies: 314
    • Total: 488
    Member since: March 17, 2016

    Hi Chris, apologies but I’ve just realised the mobile page version is compressing the image

    #95615
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS and paste below code there:

    @media (max-width: 767px){
    .logo{width: 100%;}
    .logo img{height: auto;}
    .header_right{width: 100%;}
    }

    Regards,
    Shri

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