Support » Theme: OceanWP » 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.