I’m facing an issue where reducing the width of the header in mobile view

This topic has 10 replies, 2 voices, and was last updated 11 months, 3 weeks ago ago by Rose Tyler

  • Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 07:18

    I’m facing an issue where reducing the width of the header in mobile view is also affecting the desktop view. My goal is to only change the width of the header in mobile view without any impact on the desktop view. Can you suggest a solution for this problem?

    Screenshot: https://snipboard.io/MSDOIB.jpg

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 09:29

    Hello, Catholicans,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    Header Builder > Mobile > Header Main > Min Height (Px) and do the same for Header Bottom.

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 11:03

    Its not working. Can you give me a solution which can be make it like the demo header?
    Screenshot: https://snipboard.io/IDCPOk.jpg

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 12:18

    Hello, Catholicans,

    It is because of your logo image https://prnt.sc/RHgx775I_RcB , the height of the uploaded image caused the current situation.

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 12:46

    https://snipboard.io/Wybs9w.jpg
    main header in desktop missing

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 12:50

    Hello, Catholicans,

    Here is what we can see on your site – https://prnt.sc/0g0F4HdBqnPX

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 12:59

    Please check this now.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 13:04

    Hello, Catholicans,

    What have you done? If you are aware of the actions that have caused the issue, then you should be able to resolve it, correct?
    Please refer to the next screenshot – https://prnt.sc/WEf9ksm7sS4J

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 13:10

    Solved!
    The above margin bottom change is given by the support for a old query and i adjusted the value to -55px. I corrected this by changing the margin bottom by -20px.

    Thankyou for your patience.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 13:57

    Hello, Catholicans,

    We are glad that you sorted it out.

    Kind Regards,
    8theme team

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.