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
    Nigel
    Participant
    • Topics: 93
    • Replies: 175
    • Total: 268
    Member since: March 17, 2016

    Hi

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

    Home

    for example

    #95302
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    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
    Nigel
    Participant
    • Topics: 93
    • Replies: 175
    • Total: 268
    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

    like this

    #95391
    Nigel
    Participant
    • Topics: 93
    • Replies: 175
    • Total: 268
    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
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    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
    Nigel
    Participant
    • Topics: 93
    • Replies: 175
    • Total: 268
    Member since: March 17, 2016

    perfect thanks

    #95421
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23457
    • Total: 23457
    Member since: August 16, 2013

    🙂

    #95545
    Nigel
    Participant
    • Topics: 93
    • Replies: 175
    • Total: 268
    Member since: March 17, 2016

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

    distorted logo

    #95615
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    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.