1. Giver
  2. Saturday, 21 March 2020
Hi,

I'm using Giver Template with pre-defined header. The menu doesn't fit to smaller screens, therefore the qeuestion, where or how can I reduce the width of the logo column, so that the menu is on 1 line and not two? https://snipboard.io/z6vmeR.jpg

Further the navigation hover color is blue, although there is nowhere a blue setting: https://snipboard.io/DgR1dS.jpg

http://2019.patrouillesuisse.ch/

thank you in advance.

best regards,
Accepted Answer
Hi Ofi,

Can you please reply to my question 6 days ago? That would be really kind, so that we can close the project and this issue. Thank you very much in advance for your appreciated support.

best regards,


Apology for the delayed response. I see your hover color issue is solved. It would be better to turn off the pre-defined header and create a new header in Layout Builder from Template Options. There assign columns as per your need.

- Best regards
  1. more than a month ago
  2. Giver
  3. # Permalink
Responses (16)
Hello selma123,
Thank you for your question. Please go to the layout builder option from template option. Then click on the logo section and change column size in the grid option.

Screenshot_313.png

Screenshot_314.png

Screenshot_315.png

Please use this code to Custom CSS to make blue hover color to red. Use any color in place of red to change.

.menu li a:hover{
color: red !important;
}


- Best regards
Attachments (3)
  1. more than a month ago
  2. Giver
  3. # 1
Hi Ofi,

Thank you for your reply. Not sure if your or me misunderstood, but in the predefined header, there is no logo section to edit, see screenshot: https://snipboard.io/WLcHA5.jpg

Therefore my question, How can I change the logo column width of the predefined header?

Further I added the custom css, but it's still blue.

In General I have several issues with this template and the settings, changes are not having effect. Examples/issues:
1. youtube videos are not running, not in modal, not as video link (poster image not showing, video not playing)
2. Menu is on 2 lines on smaller screens and not changing to burger menu
4. Some custom CSS styles with !important are not working
5. the body has no default paddings, text is on the very left side http://2019.patrouillesuisse.ch/impressum

Sorry to list different issues in one task, but just wanted to illustrate, that many things are not working with giver template and not sure, if this is all a template issue or there are other problems.

Thank you in advance for your appreciated support.

best regards,
  1. more than a month ago
  2. Giver
  3. # 2
As the name suggests predefined, it is not editable in easy ways. However, please check the logo settings in basic settings and upload a lower resolution logo for mobile and check.

Screenshot_316.png

- Best regards
Attachments (1)
  1. more than a month ago
  2. Giver
  3. # 3
Hi Ofi,

The Logo has already a small size/resolution, the column is just to wide: https://snipboard.io/5QmIZy.jpg

Therefore I need to adjust it and need to know how or where. Even if I'd upload a logo with a size of 20x20px, the issue remains the same.

Also the blue navigation is now red, but when I hover over subnavigation items, the active item changes to blue again: https://snipboard.io/nkDRrS.jpg. how can I change that correctly?

thank you in advance for your help and a solution.

best regards,
  1. more than a month ago
  2. Giver
  3. # 4
Hi Ofi,

Can you please reply to my question 6 days ago? That would be really kind, so that we can close the project and this issue. Thank you very much in advance for your appreciated support.

best regards,
  1. more than a month ago
  2. Giver
  3. # 5
Hi, selma123. Editing of pre-defined header is only possible through custom css code. Turn off the pre-defined header and create your custom Header instead. Then you get control in Layout Builder. Read Helix documentation in order to find out how to do it.
  1. more than a month ago
  2. Giver
  3. # 6
Hi Pavel,

I have now created a custom header instead, which is working fine. Only on the mobile view the burger menu is not on the right side, it's below the logo. How can I adjust that properly?

thank you in advance.
regards,
  1. more than a month ago
  2. Giver
  3. # 7
Please go to Template Options -> Navigation and change the Off-canvas Position to Right.
Screenshot_341.png

- Best regards
Attachments (1)
  1. more than a month ago
  2. Giver
  3. # 8
Please go to Template Options -> Navigation and change the Off-canvas Position to Right.


Wrong answer. :p This is by default in right.

Hi Pavel,

I have now created a custom header instead, which is working fine. Only on the mobile view the burger menu is not on the right side, it's below the logo. How can I adjust that properly?

thank you in advance.
regards,

Use the other width of the column settings for mobile devices (grid settings). By default it is 12. Use for example 6 + 6 or 10 + 2 that would locate it in a single line (It depends on the size of your logo). Carefully read all the Helix documentation! Why you do not do this? A careful study of the documentation avoids virtually all issues.
  1. more than a month ago
  2. Giver
  3. # 9
Hi Pavel,

Thank you for your reply. Why I didn't read the documentation? Because I already did and am confused, why your mentioned option doesn't work or take affect: https://snipboard.io/VCumc9.jpg. I can't use in grid 6+6 numbers, I can only chose from dropdown list col-6 etc. No matter what I select, nothing takes effect. Further the burger menu is not clickable.

Therefore my first question of this task was, to be able to change predefined header with logo width would be the easier option, but unfortunately it's not available. After your proposal of creating a customized header, there are new issues :-/ Hope you can help me out here...

Thank you in advance for your support.
  1. more than a month ago
  2. Giver
  3. # 10
I can't use in grid 6+6 numbers, I can only chose from dropdown list col-6 etc.

Yes, this is exactly what you need to do. My words 6 + 6 does not represent a direct effect, but simply explain that you need it to divide in such way for other devices.
Select the value in each column. The sum of these values must be equal to 12.
  1. more than a month ago
  2. Giver
  3. # 11
Hi Pavel,

Thank you for your reply, I have a sum of 12 but still the toggler menu is not clickable, also not on mobile, not working at all :-/ I have troubles with the entire menu regarding responsivness: https://youtu.be/rPqe1EFpJG8

I just need a general responsive menu working as per default. What's wrong with it? Shouldn't it work per default responsive?

thank you again for your appreciated support.

regards,
  1. more than a month ago
  2. Giver
  3. # 12
Hi, selma123. For clarity - I'm not Joomshaper employee. Just a user, just like you.

It is obvious that you do not understand how it works, and poorly studied documentation. Therefore, you can not get it to work. It is difficult to to teach you in this topic.

In this case, you should hire someone for this job. I can make this work for you. Write me PM, if you require it.
  1. more than a month ago
  2. Giver
  3. # 13
Hi there, thank for your nice words, issue is solved, it was a missing section title.

thank you anyway.

best regards,
  1. more than a month ago
  2. Giver
  3. # 14
Hi there, thank for your nice words, issue is solved, it was a missing section title.

thank you anyway.

best regards,


Glad to know that.

- Best regards
  1. more than a month ago
  2. Giver
  3. # 15


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.