Header menu contents misaligned

  • Resolved browmaniac

    (@browmaniac)


    3 years, 4 months ago

    Hi! In desktop view the header looks nicely aligned and I also managed to fix the mobile view too but I just don’t get how to fix tablet view. I can’t get the cart in the same line with the text line. I tried moving columns in Elementor, changing margins and paddings.. nothing. It’s so messed up. Please help.

    All good in desktop view: https://ibb.co/rH6h0K2
    Tablet view issue: https://ibb.co/qgkcqnK

Viewing 1 replies (of 1 total)
  • Shariful Islam

    (@sharif200)

    3 years, 4 months ago

    Hi, @browmaniac

    I understand how frustrating it can be when your website doesn’t display correctly on different devices. To help you fix the alignment of your header on tablets, here are a few tips:

    Ensure you have a responsive theme installed and activated. This will ensure your website adjusts to the size of the screen it is being viewed on.

    Utilize media queries to create specific styles for tablets. This will allow you to customize the appearance of your website on tablets.

    Examine the browser dev tools to see how your header’s elements are displayed on tablets. You can use the dev tools to identify any issues and make the necessary CSS adjustments to fix them.

    Install a plugin like W3 Total Cache or Autoptimize to minify and combine your CSS files. This can help reduce the load time of your website and improve its performance on tablets.

    I hope these suggestions are helpful! If you have any other questions, please don’t hesitate to reach out.
    Thank you.

Viewing 1 replies (of 1 total)

The topic ‘Header menu contents misaligned’ is closed to new replies.