This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Adding a clickable image in the left side of my header

Open 6 replies premiumthemetheme-vantage
Ben Thibault-Dury
10 years ago · Last reply by Daniel 10 years ago

Hi,

I would like to add a clickable image to left side of my header and don’t know how to.

– I tried with a widget but it shows on the right.
– I tried with a CSS style in the widget, but the widget stayed on the right part.

Can you help me ?

URL: http://benandju.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Magus Staff 10 years, 10 months ago

    Hi Ben

    This can be achieved by adding some custom CSS to Appearance-Custom CSS. Please try the following snippet.

    #masthead .hgroup #header-sidebar {
right: auto !important;
}

    Let us know how you get on

    Magus

  2. Ben Thibault-Dury 10 years, 10 months ago

    OK, thanks

    So it moves my social widget to the left, while I wanted to keep it on the right and add a image to the left.

    How can I do that ?

  3. Magus Staff 10 years, 10 months ago

    Hi Ben

    Add you image widget into the header widget above your social icons widget. Then add the following to your custom CSS

    #masthead .hgroup #header-sidebar {
    width: 100%;
}
#masthead .hgroup #header-sidebar aside.widget {
width :25%;
right:  25%;
}
#masthead .hgroup #header-sidebar aside:last-child.widget {
  left: 25%;
}

    You will need to adjust the right and left percentages to get the positioning you are happy with. Decrease to move them closer to the centre and increase to move them away. We may need to look at some extra entries to handle mobile viewing, but that can be managed once you have your layout set.

    Let us know how you get on

    Magus

  4. Magus Staff 10 years, 10 months ago

    Hi Ben

    I forgot to add, remove the original snippet as well.

    Magus

  5. Ben Thibault-Dury 10 years, 10 months ago

    Hi,

    Thanks very much, everything is working. I will get back to you for the mobile version when I am ready with the design of the image I want to use.

    Just for the persons interested, I used the Layout Builder widget to have everything done properly.

    Ben

  6. Daniel Staff 10 years, 10 months ago

    Hi Ben

    Am glad you are making progress in developing your site. Always feel free to open a new thread whenever you require support

    @Magus much appreciate

    Cheers

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread