Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 5, 2014 at 7:03 am #346372
    insurefirst

    I would like to use a full width image for the logo in enfold. So the image with span across the whole top of the site and act as a logo/ banner. The menu will sit below it.

    What would be the best route to achieve this?
    I want to have a full width logo (header) in the enfold theme. I’m facing two issues:
    1. how to make the logo full width?
    2. What size the image should be to not loose the resolution on different screen sized?

    November 5, 2014 at 7:51 am #346376
    insurefirst

    here is the sample image of what I am thinking to make:

    sample

    November 5, 2014 at 10:05 am #346415
    Arvish

    Hi!

    The best way to do add a fullwidth logo would be to select the “Logo Centre, Menu below” option in Enfold Theme Options > Header > Header Layout > Menu Logo and Position

    The logo width is automatically resized depending on the screen size. Therefore I would suggest a high resolution (1000px wide + ) so that it doesn’t lose quality but to be honest, it does depend a lot on the logo.

    Best regards,
    Arvish

    November 6, 2014 at 7:27 am #346985
    insurefirst

    Hi @Arvish,

    I have tried the thing that you told me and the header does not go beyond 600px width.

    The thing is, I was aiming to have a header image on top and the menu below it. and having the logo at the top left of the header image. So the header image will be the background of the logo like the image bellow:

    ideal

    But then I thought about having another plan if the design that I am aiming is not possible with enfold theme so I created the following design:

    plan B

    If the first design is possible, it would be amazing! Please advice and thanks in advance.

    November 7, 2014 at 12:13 am #347458
    Andy

    Hey!

    For first design:
    In WordPress Backend go to Enfold->General Layout->Layout->Logo and Main Menu->choose “Top Header”

    Then go to General Styling->scroll down to Background Image->choose “upload custom image”->upload your image

    If you still have any questions, please provide us a link to you website.

    Cheers!
    Andy

    November 25, 2014 at 11:51 am #357462
    insurefirst
    This reply has been marked as private.
    November 25, 2014 at 3:36 pm #357558
    Yigit

    Hey!

    Seems like you are uploading the image in small size (300x35px to be exact). Please upload your background image in big size and let us know if that still does not help so we can provide you custom CSS code.

    Best regards,
    Yigit

    November 26, 2014 at 10:06 am #358201
    insurefirst

    Hi,

    My image is large. It is 1919 × 230px. But I am not sure why the theme shrinks it down.

    November 26, 2014 at 3:32 pm #358306
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Cheers!
    Yigit

    November 27, 2014 at 6:15 am #358838
    insurefirst
    This reply has been marked as private.
    November 27, 2014 at 7:23 pm #359140
    Yigit

    Hi!

    Please review your website. I have choose to add your background image in fullsize and added a custom CSS code to bottom of Quick CSS field and it does look fine now :)

    Cheers!
    Yigit

    November 30, 2014 at 7:25 am #360239
    insurefirst

    Thanks for that. I was trying to see how this will look. Now I have to try the same for having a full width background and from my first trying it had the same result.

    I will open another ticket soon once my boss confirms the full with body layout.

    Thanks again.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Full width logo image and size issue’ is closed to new replies.