Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • September 22, 2017 at 6:10 pm #855483
    LisaLou862

    Hi,
    I added our logo as an image on top of an image covered color element for the background. I need to move the logo higher and more to the left then it will allow me to do. Can you please help with this? Below is the url (one) of the pages I am referring to. I also need to the same on another website. Thank you in advance for your time and help.
    Lisa

    September 22, 2017 at 6:39 pm #855507
    Yigit

    Hey Lisa,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .home #av_section_1 .container {
    padding-top: 10px!important;
}

    Best regards,
    Yigit

    September 22, 2017 at 6:46 pm #855513
    LisaLou862

    Thanks Yigit. Then what do I do? Please note that my homepage does not have the header/logo.

    September 22, 2017 at 6:52 pm #855514
    LisaLou862

    That actually got it higher but now I need it to move more to the left…

    September 23, 2017 at 6:34 pm #855848
    Victoria

    Hi LisaLou862,

    It is better to cut the image, git rid of all the transparent space around the logo. It is bigger this way and Google does not like images like that.

    Best regards,
    Victoria

    September 25, 2017 at 3:45 pm #856531
    LisaLou862

    Thanks Victoria, but it is an animated GIF and if I crop it the animation does not work. Is there a code I can use to move it to the left?
    Thank you again,
    Lisa

    September 25, 2017 at 3:50 pm #856536
    Jordan Shannon

    Hi,

    Are you looking to have the logo placed over the image?

    Best regards,
    Jordan Shannon

    September 25, 2017 at 3:59 pm #856545
    LisaLou862

    Hi Jordan,
    No, I need it placed entirely in the white area to the left of the image.
    Thanks,
    Lisa

    September 25, 2017 at 4:53 pm #856579
    Jordan Shannon

    Hi,

    Try the following in quick css:

    @media only screen and (min-width: 1024px)  {
.avia-image-container-inner{
margin-left:-125px!important;
}}

    Best regards,
    Jordan Shannon

    September 25, 2017 at 5:26 pm #856607
    LisaLou862

    Thank you! That worked!

    September 25, 2017 at 6:33 pm #856655
    Nikko

    Hi,

    Glad that Yigit helped you and thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Logo Position’ is closed to new replies.