• Priority: Medium
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 31.08.21, 09:30
  • Opened by: Colin bihler

Ticket #22203 - Header and responsive

I can’t seem to reduce the size of my header logo so that it stays centered but isn’t huge.

Moreover, especially on the product pages, there are display bugs on the mobile version.
For example on most of the product description, the title is not aligned with the description while they are on the computer version.
same for the title of the module at the bottom of the product sheet that displays products in the same category (its title is superimposed on its highlighting

Translated with www.DeepL.com/Translator (free version)

Attachments:

LogoCenter.png (42.2 KiB)

Comments

Fred 31 Aug 2021, 11:46

Hi, Colin.
Just a question before. Don't you consider to use AMP module? It was developed special for mobile devices

Colin bihler 31 Aug 2021, 12:23

hello, yes I have already tried AMP but my site has many modules that do not work with AMP and lots of problems appear

Fred 01 Sep 2021, 13:19

1. You added the logo through an image widget. Please use special "logo" widget instead
2. That's because of your custom margins added to a widget - https://take.ms/E1NDC 3. Add following CSS to the Theme Settings → Customer CSS

@media (max-width:600px) {
#product #main .module-title {font-size:14px}
}