• Priority: High
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 01.10.20, 12:14
  • Opened by: Sylvain Duval

Ticket #19306 - responsive issue on header

Hello,

With some computer screen, menu is on logo, it seems to be a responsive issue (see screen print to have a better understanding).

Could you solve this issue please ?

Thanks,
Nathalie

Comments

Fred 01 Oct 2020, 20:20

Could you please take a screenshot of the issue?

Sylvain Duval 02 Oct 2020, 09:13

joined

Fred 02 Oct 2020, 10:57

no screenshot. Max attached file size is 2Mb, please check it out

Sylvain Duval 02 Oct 2020, 14:02

joined (you should add a popup info saying file is too big, cause it is not specified when it exceed the requirement)

Fred 02 Oct 2020, 14:56

Yes, we will try to add a popup.
Try to adjust this value (menu padding) https://take.ms/nddmD

Sylvain Duval 02 Oct 2020, 15:28

It doesn't change anything. Plus, it is really a responsive issue, cause it depend on screen size. On big screen there is no problem, bot is appears when you reduce the screen size (you can try if you want to see).

Fred 02 Oct 2020, 15:43

I have aligned the menu to the right, please check it out

Sylvain Duval 02 Oct 2020, 16:05

Not it doesn't work. Some link even disappear on the left side when I reduce the page.

Fred 03 Oct 2020, 00:16

try following CSS

@media (max-width:1400px) and (min-width: 1024px) {
  body .pk-menu-horizontal li.level-1 > a {
    padding: 10px 20px;
  }
}

It will look like this https://take.ms/LHfzw

Sylvain Duval 05 Oct 2020, 11:16

yes, much better, thanks !

Fred 05 Oct 2020, 11:17

you are welcome