Architect Pro header logo space

Home › Forums › All Other Themes › Architect Pro header logo space

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 28, 2018 at 12:52 pm #95301
    NigelNigel
    Participant
    • Topics: 124
    • Replies: 219
    • Total: 343
    Member since: March 17, 2016

    Hi

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

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

    for example

    February 28, 2018 at 12:56 pm #95302
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27432
    • Total: 27432
    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

    February 28, 2018 at 4:28 pm #95317
    NigelNigel
    Participant
    • Topics: 124
    • Replies: 219
    • Total: 343
    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

    March 1, 2018 at 10:21 am #95391
    NigelNigel
    Participant
    • Topics: 124
    • Replies: 219
    • Total: 343
    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

    March 1, 2018 at 10:31 am #95395
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27432
    • Total: 27432
    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

    March 1, 2018 at 12:13 pm #95417
    NigelNigel
    Participant
    • Topics: 124
    • Replies: 219
    • Total: 343
    Member since: March 17, 2016

    perfect thanks

    March 1, 2018 at 12:24 pm #95421
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27432
    • Total: 27432
    Member since: August 16, 2013

    🙂

    March 3, 2018 at 9:53 am #95545
    NigelNigel
    Participant
    • Topics: 124
    • Replies: 219
    • Total: 343
    Member since: March 17, 2016

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

    distorted logo

    March 5, 2018 at 7:57 am #95615
    Shri SShri S
    Keymaster
    • Topics: 9
    • Replies: 6888
    • Total: 6897
    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

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