Navigation mobile and more header

[Beatrice Rufer]

Hi there

I have a few problems:

1. On mobiles the menu shows a box with an X behind the title. If possible I would like to have an arrow to open the subtitles. Is this ppssible and where are the settings?

2. The subtitles in mobile version are big. Where can I change the size of the subtitles?

3. In agama it was possible to put more than one header picture, which changed. It would be great if I could at least on the front page put more than one header picture. Is this possible?

Best regards

[Zex]

Hello, Beatrice!

1. The “x” sign is a close button for the mobile Hamburger menu so it has to be there.

From what I can see, you have a problem with the Font Awesome fonts and that is why you have squares after the menu items instead of the arrows.https://prnt.sc/snl8dc
To fix that, try the next:

Go to the Customizing-> General-> Extra menu and make sure “FontAwesome” is enabled.
https://prnt.sc/npohpw
If it is enabled, and you still have the problem, insert the next code into
Customizing->General->Additional CSS:

.fa {
    font-family: FontAwesome !important;
}

After that, you should have the arrows.

2. If you need to change the font size for the submenu on the mobile view, the next code should work for you:

nav.mobile-menu>ul.menu>li>ul li>a{ 
  font-size: 14px!important;
}

Change the font-size value per your needs.

3. Unfortunately, no. But in the Pro theme, you can add a different Header Images for every particular post/page. (from the “Agama options” meta box)https://prnt.sc/snlof0

Regards

[Author]

Posts