mobile and tablet header issues

[Inga]

Inga

January 6, 2021 at 11:28 am

Hello,

I have encountered some problems with customising the header and I really need your help:):

1/ I would like to have the header with standard setting for desktop, but a full width header for mobile. There are separate settings for this in the customiser, so it would seem feasible. But when I make changes for the mobile view in the customiser, there is no effect and there is some margin/padding.

2/ In HTML Elements of the header despite the ‘insert paragraph automatically’ option being disabled “<p></p>” is inserted. As a result the header is too high. What’s more I have to delete <p>tags manually every time I edit other header elements.

3/ Something strange is happening for 768px-1024px tablet view: account icon and modal icon that I inserted as html element overlap. I’m sending print screen attached.
4/ How can I change the width of the header off canvas drawer ( with side panel setting) for tablet view? For tablet view the side panel is too wide and this does not look good. How do I get the same width as in mobile?

Sorry for such a huge list of questions – should I break down the list into separate posts in the future? (Although I promise I will try not to ask so many questions anymore:)

Kind Regards,
Inga