Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 23, 2016 at 5:10 pm #716058
    corepart

    Hi guys,
    Iv been trying to find the logo placement normally margin-right x
    but I cant see it for the life of me.

    basically I want the logo to be right next to the menu. without effecting the size of the container.
    Regards

    November 23, 2016 at 5:14 pm #716063
    Yigit

    Hey corepart,

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

    .container.av-logo-container {
    max-width: 1126px;
}

    Best regards,
    Yigit

    November 23, 2016 at 5:31 pm #716071
    corepart

    Hi Yigit,
    I think i may have explained my self wrongly. i have attached an image to explain better.
    Regards

    November 24, 2016 at 2:45 pm #716430
    corepart

    Yigit, as you can see i have got it to be on the logo iv had to do margin-left 183px;
    but when i shrink the page the menu overlaps the logo whats the best practice to stopping this happening?

    November 24, 2016 at 4:38 pm #716487
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    November 24, 2016 at 6:16 pm #716538
    corepart

    Have added the information for you.

    November 28, 2016 at 3:33 pm #717811
    Andy

    Hi,

    if you want your logo right and menu left, then sipmly go to: “Enfold->Header->Header Layout->Menu and Logo Position” and choose “Logo left, Menu right”.

    Best regards,
    Andy

    December 6, 2016 at 3:40 pm #721078
    corepart

    Hi Andy,
    I want the logo to be basically right next to the menu as if its part of it.
    i have tried but when the screen changes. i.e size it goes behind the menu etc i have tried some min-width etc but cant get it right.
    link in private

    December 7, 2016 at 6:05 pm #721620
    Andy

    Hi,

    as far as I can see it inside your source code, you’re using this code to control your logo:

    div .logo {
margin-left: 184px;
}

    Now add some media queries to control it on different screen sizes, like for example:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
div .logo {
margin-left: 150px;
}}

    For more information about it, refer to: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

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