Okay
  Public Ticket #2835822
Mobile menu issues
Closed

Comments

  •  1
    cgirwin started the conversation
    July 27, 2021 at 8:32pm

    I have a few issues with my mobile menu as well as another positioning issue:

    1. My mobile menu isn't working, there is no "hamburger" icon for the off canvas menu. I cannot for the life of me figure out why.

    2. The starting bar for my mobile menu is too short for the logo. How do I make this taller?

    3. All of my "Separator with text" widgets are set to be centered, and they look great on desktop. On mobile they are not centered, see example "All Teachings":

    https://edz.wpengine.com/featured-teachings/

    Screenshots attached for all of these items. Thanks in advance for your help.


  •  1,878
    Judith replied
    July 27, 2021 at 9:17pm

    Hi There,

    Please send in your admin login credentials so that we may look into this further.

    Thanks.

  •   cgirwin replied privately
  •  8,846
    Tahir replied
    July 28, 2021 at 7:15am

    Hey Again,

    Thanks for the Login Credentials. The Menu Location was set to the "Pull Right" Location which does not add the menu items to the Mobile Menu. Settings it to the " Top Navigation Menu" here :

    3473622844.pngClick on Image to View Larger

    Thanks 

    ThemeNectar Support Team 

  •  1
    cgirwin replied
    August 4, 2021 at 3:28pm

    Thanks, Tahir. Are you able to help with the other two items as well? Here they are again:

    2. The starting bar for my mobile menu is too short for the logo. How do I make this taller?

    3. All of my "Separator with text" widgets are set to be centered, and they look great on desktop. On mobile they are not centered, see example "All Teachings":

    https://edz.wpengine.com/featured-teachings/

    Thanks.

  •  8,846
    Tahir replied
    August 4, 2021 at 3:38pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1px) and (max-width: 999px) {
    body #header-outer {
        padding: 22px 0 !important;
    }
    .vc_sep_width_40 {
        width: 100% !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  1
    cgirwin replied
    August 4, 2021 at 4:07pm

    This doesn't seem to be changing anything, no red cross in the box :(


  •  8,846
    Tahir replied
    August 4, 2021 at 4:52pm

    Hey Again,

    I can't seem to view the CSS on the Live site. Also use this revised CSS.

    @media only screen and (min-width: 1px) and (max-width: 999px) {
    body #header-outer {
        padding: 22px 0 !important;
    }
    .vc_sep_width_40 {
        width: 90% !important;
    }
    .vc_sep_width_50 {
        width: 90% !important;
    }
}
    7488967209.pngClick on Image to View Larger

    Thanks 

    ThemeNectar Support Team