Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 22, 2018 at 4:47 am #1024664
    artngo

    Dear Support,

    I would like to center the Menu (hamburger) button on mobile and have it placed directly under my logo. I have tried codes from older threads, but maybe those codes no longer work with the new theme?

    I don’t know if it matters, but I thought I would point out that I used quick CSS to make my logo/header on mobile sticky.

    Thank you for all your valuable help!

    Art

    October 22, 2018 at 6:45 pm #1025049
    Victoria

    Hey artngo,

    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

    
@media only screen and (max-width:479px){
    .responsive #top #wrap_all .main_menu {
        top: 80px;
        height: 80px;
        left: 25vw;
        right: auto;
    }
    #header_main {
        height: 160px;
    }
    .responsive  #top #heade + #main.all_colors {
        padding-top: 160px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 22, 2018 at 10:49 pm #1025160
    artngo

    Hi Victoria,

    Unfortunately, this didn’t do anything and I do not feel comfortable making these adjustments through updating the custom css files.

    Is there anyway we can try this through quick css?

    Thanks,

    Art

    October 23, 2018 at 11:07 pm #1025673
    Basilis

    Hi,

    Those are added to the Quick CSS, please do read the reply that Viktoria send

    Best regards,
    Basilis

    October 24, 2018 at 3:48 am #1025767
    artngo

    Hi support team,

    Thank you for your timely response.

    I understand the code was meant to be tried in quick css and if not successful, try in custom.css.

    I am wondering if there are tweaks to the codes sent that can be made to force them to work through quick css?

    Thank you,

    Art

    October 25, 2018 at 12:48 pm #1026331
    Nikko

    Hi Art,

    It should work on Quick CSS, the only thing that’s hindering Quick CSS from working is usually caching issues.
    And usually custom.css is preferred when using WPML or other translation plugins.
    If your Quick CSS isn’t working, can you give us temporary admin access? so we can check it.
    Just post the credentials in private content.

    Best regards,
    Nikko

    October 25, 2018 at 2:09 pm #1026355
    artngo

    Hi Nikko,

    Thank you for the clear explanation.
    Fortunately, I am not using a translation plugin. I should work to minimize my list of plugins though. I have attached my private info. Thanks!

    October 26, 2018 at 2:13 pm #1026792
    Victoria

    Hi artngo,

    Best regards,
    Victoria

    October 27, 2018 at 4:12 am #1026978
    artngo

    Hi Victoria,

    Gotcha, thank you. I may leave it centered or not. Now how would I control how much I want to move the logo to the right to make it look better?

    Thanks,

    Art

    October 27, 2018 at 6:13 pm #1027131
    Victoria

    Hi artngo,

    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

    
@media only screen and (max-width: 479px) {
  .responsive #top .logo {
      margin-left: 9vw;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 27, 2018 at 10:15 pm #1027210
    artngo

    Perfect,

    Thank you for your help Victoria!

    Art

    October 29, 2018 at 8:11 am #1027398
    Nikko

    Hi Art,

    Glad that Victoria helped you. :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mobile – Centering menu button directly below my logo’ is closed to new replies.