Moving mobile menu text icon to left

  • Hello, I want to move my site’s mobile menu icon and text to left.
    It works perfect on desktop and tablet but . On phones it comes to center Please help me moving it to left

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi, try the following in Appearance->Customize->Additional CSS

    @media only screen and (max-width: 480px) {
  #site-header.top-header .oceanwp-mobile-menu-icon {
    left: -130px !important;
  }
}
    Thread Starter Kaustubh Kulkarni

    (@kaustubhk24)

    thank you very much!

    Thread Starter Kaustubh Kulkarni

    (@kaustubhk24)

    Could you please help me with last problem?

    1. I want to add space between menu bar and posts. Check on desktop you’ll get what I mean.
    Thank you in advance!

    Thread Starter Kaustubh Kulkarni

    (@kaustubhk24)

    and 2nd I want to add Site name in mobile site menu . Near menu text aligned center

    Please help me with these two issues

    Hi, I think this will get you what you’re looking for

    .site-main {
  margin-top: 60px !important;
}

@media screen and (max-width: 400px) {
  .top-header .header-bottom, .top-header .header-bottom .site-title {
    display: block;
    margin-top: -41px;
    position: relative;
  }

  #site-header.top-header #site-logo {
    padding-top: 0px;
  }
  
  .top-header .header-bottom #site-logo a.site-logo-text {
    font-size: 20px;
    z-index: 2;
  }
  #site-header.top-header .header-top {
    z-index: 1;
  }
}
    Thread Starter Kaustubh Kulkarni

    (@kaustubhk24)

    Thank you that worked.
    YOU ARE LEGEND!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Moving mobile menu text icon to left’ is closed to new replies.