Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 5, 2018 at 12:32 am #1029719
    StephenWard9

    On iPhone, on my website, https://fairfieldnutrition.com.au/, the hamburger is right up against the right side of the screen by default, making it difficult to click. There should be space to the right of the hamburger for usability and aesthetics.

    How can I add this space to the right of the hanburger so that it works looks good across all devices?

    I can see also that this is affecting the whole screen and is coming from the css:

    @media only screen and (max-width: 767px)
    .responsive #top #wrap_all .container {
    width: 100% !important;
    max-width: 100% !important;
    }

    If I update max-wdth in Chome dev tools to 90% then it works. But where should I update this in the css files are what is this doing?

    • This topic was modified 6 years, 1 month ago by StephenWard9.
    November 5, 2018 at 6:10 am #1029768
    Rikard

    Hey StephenWard9,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    right: 20px;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.