Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 28, 2024 at 10:04 am #1438528
    maisonutopies

    Hi,
    As explained in a new thread, we are faced with a display problem when our website is viewed on mobile phones.
    When our website is displayed vertically on mobiles, the toggle menu hides part of the header. Could you tell me how I could reposition it a bit further to the right side of the mobile screen? If there is no specific setting in the theme for that, could you send me the appropriate code?
    Thanks, looking forward to reading you

    March 28, 2024 at 11:29 am #1438542
    maisonutopies

    To complete my mail, please see what the problem is: http://salondulivredetrentemoult.info/wp-content/uploads/2024/03/Mobile-display-–-Toggled-menu.png

    March 29, 2024 at 12:53 pm #1438689
    Rikard

    Hi,

    Thanks for the screenshot. I’m not sure exactly how you want to place the burger and search icon, since the image in the header is more or less covering the whole header width. Could you post a screenshot highlighting your intentions as well please?

    Best regards,
    Rikard

    April 2, 2024 at 10:33 am #1438973
    maisonutopies

    Hi,
    Our intention is just to move the burger icon slightly to the right (a few pixels) when the home page is displayed vertically on mobile phones.
    A CSS code line should do the trick, could you help us in that respect?
    Thanks

    April 3, 2024 at 6:16 am #1439048
    Ismael

    Hi,

    Thank you for the inquiry.

    You can add the following css code to adjust the width of the header container on mobile view. This should also move the burger icon slightly to the right.

    @media only screen and (max-width: 480px) {
  .responsive #top #wrap_all .container {
    width: 90%;
    max-width: 90%;
  }
}

    Best regards,
    Ismael

    April 3, 2024 at 4:34 pm #1439095
    maisonutopies

    Hi, Ismaël
    Thanks for your answer.
    Sorry but it seems to make no difference. This is what I have I write in the Quick CSS box;
    /* Add your Mobile Styles here */
    @media only screen and (max-width: 480px) {
    .header_color .header_bg {
    background-size: 100% 100%;
    }
    }

    .responsive #top #wrap_all .container {
    width: 90%;
    max-width: 90%;
    }
    }
    Any mistake somewhere ?

    April 4, 2024 at 7:14 am #1439152
    Ismael

    Hi,

    Thank you for the inquiry.

    The css code looks correct. Have you tried to temporarily disable the WP Minify plugin or clear the cache? If the css still doesn’t apply after disabling minification or the cache plugin, please provide the login details in the private field.

    Best regards,
    Ismael

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