[Museum Pro theme] Custom stuff

[RED PILL Design]

Hello,

I have added a custom font using the Custom Fonts v2.1.7 plugin by Brainstorm force.
I am able to use this font within Elementor, but how do I use it in the header, the menu and such.

Also I would like to reduce the page header height.

With regards.

URL: https://redpilldesign.nl/museummaassluis
WP 6.7.1
Museum Pro 6.0
Elementor 3.15.10

[RED PILL Design]

Since some weird stuff happend, I started all over again.
Th new url is https://www.redpilldesign.nl/museum

[Sonl Sinha]

Hi,

Q. I have added a custom font using the Custom Fonts v2.1.7 plugin by Brainstorm force.
I am able to use this font within Elementor, but how do I use it in the header, the menu and such???

Ans: Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Q.

Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page_head, .post_head { height:220px;}

Regards,
Chris

[Sonl Sinha]

Hi,

Custom font issue have been resolved on your website.

Kindly see the screenshot:

https://nimb.ws/SUAejEq

Regards,
Chris

[RED PILL Design]

Thank you,
But it doesnt seem to work in the menu.

regards,
Hasso

[RED PILL Design]

Hello again,

Also I would like also the menu to be “sticky”.
I managed to get the head-info-area sticky with the Sticky Menu -plugin, but am unable the retrieve the proper div/class to make the entire head stick.

Regards
Hasso

[Sonl Sinha]

Hi,

Kindly use this CSS code to make the header sticky.

.has_trans_header .header_wrap {
  position: fixed !important;
}

Regards,
Chris

[RED PILL Design]

Thanks Chris,

Another thing I noticed that on a mobile device the menu is displayed with a very small line height. The lines overlap and therefore it’s hard to navigat the menu.

Thank you.

Hasso

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:1023px) {
.sidr ul li a { line-height:30px !important;}
}

Regards,
Chris

[RED PILL Design]

Hello Chris,

#227414 solved #227376, Thank you.

#227331 (Nieuwe Machine font in the menu) is stil unresolved.
#226803 Is there way to reduce the header height on mobile devices?

And could you tell me why the “Welcome Greetings based on Time” plugin message is not shown on Mobile devices in portrait orientation?

Thank you
Hasso

[Sonl Sinha]

Hi,

Kindly use this CSS code.

#topmenu ul li a { font-family:Nieuwe Machine !important;}

@media screen and (max-width:479px) {
.logo img { margin-top:10px; max-width:80px;}
.phntp span { letter-spacing: -.5px; font-size: 19px;}
.head-info-area .suptp { margin: 0 auto 0;}
}

Regards,
Chris

[RED PILL Design]

Hi Chris,
Awesome! Thank you.

That just leaves the “Welcome greetings based on Time” in portrait orientation.

Oh and another thing I just noticed is that the .header.type1 does not stick on the homepage. Any suggestion?

Regards,
Hasso

[Sonl Sinha]

Hi,

1. That just leaves the “Welcome greetings based on Time” in portrait orientation??

Ans: Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

2. another thing I just noticed is that the .header.type1 does not stick on the homepage. Any suggestion?

Ans: Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected]

Regards,
Chris

[Author]

Posts