Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 9, 2019 at 5:28 pm #1155227
    GaWi

    Hi,
    I want to have the logo centered and burgermenue left. In Enfold Child Theme/Header i have logo left and menue right together with the Quick-CSS “div .logo { left: 30%; }”
    But it is not a clean solution to keep the logo really in all responsive versions in the center, especially on mobile.
    Do you have a better solution for a always centered logo?
    Greets Gabi

    November 11, 2019 at 5:54 pm #1155689
    Victoria

    Hey GaWi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
div .logo {
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .responsive #top .logo {
        width: auto;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 12, 2019 at 9:07 pm #1156152
    GaWi

    Hi Victoria,
    I tried in both locations, but doesn´t work. Nothing changed.
    I tried without following code I use:
    div .logo { left: 30%; }

    Any idea?
    Greets Gabi

    November 12, 2019 at 10:03 pm #1156205
    Victoria

    Hi Gabi,

    I adjusted the code for you, please check.

    Best regards,
    Victoria

    November 13, 2019 at 8:58 am #1156314
    GaWi

    Hi Victoria,
    I checked and now the menue and the search-icon moved down at the right side of the slider. Menue and search-icon jumps when I change the size of the Window.
    Greets Gabi

    November 13, 2019 at 9:04 am #1156317
    GaWi

    https://www.dropbox.com/s/9t2ae6smr8st8uk/Bildschirmfoto%202019-11-13%20um%2007.53.08.png?dl=0

    November 14, 2019 at 11:05 am #1156702
    GaWi

    Hi Victoria,
    I turned back to the version before I had, because the client right now have a look on it.
    Is there any good resolution logo center and burgermenue left?

    Greets Gabi

    November 15, 2019 at 7:59 pm #1157277
    Victoria

    Hi GaWi,

    This code works fine, I added it to the Quick css and it works on all screen sizes.

    
div .logo {
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .responsive #top .logo {
        width: auto;
    }
}

    Best regards,
    Victoria

    November 15, 2019 at 8:30 pm #1157287
    GaWi

    Hi Victoria,
    it looks fine. Thanks a lot – like always fabulous phantastic suport.!
    Greets Gabi

    November 16, 2019 at 12:13 am #1157359
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Want position logo center burger menue left’ is closed to new replies.