Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #457714

    I have replaced the enfold logo of this site but I would like to add a repeating background image to the left so it extends to the left edge of the site but remains aligned. You will see what I mean here that the logo looks disembodied:
    http://goldhillmuseum.org.uk/

    Many thanks

    Rob

    #457969

    Hey fanlokbun!

    Navigate to Dashboard > Enfold > General Styling > Logo Area. Here you can set a background image to use for the header. You can set it’s position and have it repeat as well.

    Best regards,
    Elliott

    #458002

    Thanks Elliott but I don’t want it across the whole bar only left of the logo to the left hand edge.

    Rob

    #458533

    Hey!

    Then “a repeating background” is not what your looking for. Just set it to no repeat in the options.

    Or if I am misunderstanding then take a screenshot and highlight exactly what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    #458744

    Hi Elliott,

    See this screen grab I have marked where I want the repeating image. I want three stripes to extend from the logo to the edge of page.

    screen grab

    Thanks
    Rob

    #459511

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main>.container {
      padding-left: 0;
      margin-left: 0;
    }

    Best regards,
    Yigit

    #459639

    Hi Yigit,

    Thanks but I had already found and tried this solution it only aligns left. It also doesn’t align left on mobile devices which is where the problem is worst otherwise I would have use it.

    What I really want is a div to fill the space left of the logo where I can have a repeating image as per screen grab. If this is not possible please supply your code again that will align the logo absolute left on mobile devices too.

    Thanks

    Rob

    #459655

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
    #header_main .container { margin-left: 0 !important; }}

    This should move your logo to absolute left on mobile as well

    Cheers!
    Yigit

    #459658

    Thanks Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘header background image left of logo’ is closed to new replies.