Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 31, 2018 at 11:51 pm #905904
    denisj77

    I Inserted thi Code CSS to Set the Position of My Logo in the Header:

    .logo {
    margin-top: -25px;
    margin-left: -10px;
    }

    But when I scroll down I Have the Logo not centered in the scroll down bar…
    Well I inserted this code CSS:

    .header-scrolled .logo { margin-top: 0; }

    But this last code only works good on computers, the problem remains on tablets and smartphones…

    How Can I resolve it?
    Thanks

    – https://residenzeparadiso.com/contatti/ –

    • This topic was modified 6 years, 9 months ago by denisj77.
    February 2, 2018 at 4:18 am #906591
    John Torvik

    Hey denisj77,

    If the problem is occurring on mobile devices, you need to add the above custom CSS code inside a media query to affect the mobile devices:

    @media only screen and (max-width: 769px) {
.header-scrolled .logo { margin-top: 0; }
}

    Best regards,
    John Torvik

    • This reply was modified 6 years, 9 months ago by John Torvik.
    February 4, 2018 at 11:18 am #907440
    denisj77

    Don’t Work,
    Here my Credentials,
    Thanks

    February 4, 2018 at 12:17 pm #907482
    Victoria

    Hi denisj77,

    Please, remove your code and add this

    
@media only screen and (max-width: 769px) {
  .html_header_top #top #header .logo {
    margin-top: 0px;
  }
   .html_header_top.html_header_transparency #header .logo {
    margin-top: -25px;
    margin-left: -10px; 
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    February 4, 2018 at 12:25 pm #907486
    denisj77

    I tried the code but it does not work, I can not replace the logo with this part of code:

    .html_header_top.html_header_transparency #header .logo {
    margin-top: -25px;
    margin-left: -10px;

    I deleted my code before insert your:

    .logo {
    margin-top: -30px;
    margin-left: -10px;
    }

    .header-scrolled .logo { margin-top: 0; }

    Thanks

    • This reply was modified 6 years, 9 months ago by denisj77.
    February 5, 2018 at 5:47 am #907721
    Victoria

    Hi denisj77,

    Seems to be working fine.

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    February 5, 2018 at 11:53 am #907874
    denisj77

    Sorry , but Don’t Work…
    Here some Screenshot:
    With My Code and the logo in the position That I want: https://ibb.co/i2qoGH
    With My Code and the Problem of logo position in top menu bar after Scroll: https://ibb.co/hZTfVc
    Deleted my Codes and Inserted your (there are no changes, it’s like not entering the code, the logo does not move where I want) : https://ibb.co/nkFNbH

    I want my first solutions (margin-top: -25px; – margin-left: -10px;) to put the logo in place where I want…
    But when I scroll Down I Want the Logo Centered to the Top Menu Bar…
    Thanks

    February 5, 2018 at 2:16 pm #907976
    Victoria

    Hi denisj77,

    The code I gave you should be put in Enfold > General Styling > Quick Css, not in customizer.
    And it works fine on my end.
    Could you please clear the cache, check again and get back to us.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 5, 2018 at 6:31 pm #908139
    denisj77

    Ok, I Inserted your code in Enfold>General Styling>CSS here: https://ibb.co/coP5Fc
    Delete old code in Customizer, Delete my Cache on Server…but it’s the Same. My Logo is not when I Want!
    Where am I wrong?
    Thanks

    • This reply was modified 6 years, 9 months ago by denisj77.
    February 7, 2018 at 12:38 pm #909074
    Victoria

    Hi denisj77,

    The code I gave you is for mobile, you can use it without the media query for desktop.

    Best regards,
    Victoria

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