Mobile menu and other issues

[thiagors]

Hello,

I am using Arnold 1.8.6.2 with WordPress 6.1.1, and I am facing some problems that I need your help.

1) On mobile, when I expand the “hamburger” menu, the logo and the button to close it disappear. It is still there and I can still click on it, but I think it is changing color from black to white and since the background is also white, it “disappears”.

2) How can I enlarge my company logo in the footer (desktop and mobile)?

3) Is it possible to remove the animation from the header and footer when I load the site? In the header, the logo and menu come from the top, and in the footer the logo “pops up”. I would like to change both to static, without animation.

4) This is the most complicated one, I think. Whenever I open “Appearance -> Theme Options”, my fonts in Font Settings got messed up. Some fields in the font “weight” randomly return empty. So every time I have to change something in the Theme Options, like in the Colors tab or General Settings tab, for example, the Font Settings change by itself. So I have to manually change and correct the font weight every time.

Please check the screenshots:

View post on imgur.com

View post on imgur.com

I would like to reinforce that it is not always those 2 boxes that return “empty”. It is random. Each time, random fields become empty.

Thank you for your attention.

Regards.

[thiagors]

This reply has been marked as private.

[SeaTheme]

HI,

Please paste the custom CSS code to “Appearance > Customize: Additional CSS” to fix question1-3
1)

.show_mobile_menu #navi-trigger {
    color: #333;
}
.show_mobile_menu .logo-light {
  display: block;
}
.show_mobile_menu .logo-dark {
      display: none;
}

2)

.logo-footer-img {
    max-width: 260px;
}
@media (max-width: 767px) {
  .logo-footer-img {
    max-width: 220px;
  }
}

3)

#header, .ux-mobile #header {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

ps: there is no animation on the footer bar.

4) Could you please leave your wp-admin access (URL / username/password) by picking up “Set as private reply”?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[thiagors]

This reply has been marked as private.

[thiagors]

This reply has been marked as private.

[SeaTheme]

Thanks
3) Please check if it works. It should be caused by image lazyload, I added the CSS to disable it:

.lazyloaded { 
    transition: none;
}
.lazy-loaded {
    -webkit-animation:none;
    animation: none;
}

4) I cannot reproduce the same issue, I refreshed 5-6 times.
I noticed that your server has some sort of security setup, normally, it doesn’t allow me to access your WP admin, so I use a European proxy to access. And I found the Google font key is empty, so I entered the Key. But your server denied me access to your WP admin again when I click save, and I had to change the proxy server again. I think it might have something to do with your server’s security settings.

5)
You can define the font size(mobile) by the custom CSS, like:

@media (max-width: 767px) {
 .responsive-ux .entry h1, .responsive-ux .text_block h1{ font-size: 36px; }
  .responsive-ux .entry h3, .responsive-ux .text_block h3 {  font-size: 32px; }
 .responsive-ux .entry h3, .responsive-ux .text_block h3 {  font-size: 24px; }
 body{ font-size: 20px;  }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[thiagors]

Hi friend,

I disabled the firewall and I think you can access without proxy now. Please, can you try again?

Item 3 and 5 worked, thank you a lot.

One last question: instead of Gif format for looping playback as I am using on the home or some posts, does Arnold support any other format that would result in the same effect? The main problem with gif is that it always results in large files (band usage, I mean).

Thank you.

[SeaTheme]

Hi,

It is still Forbidden https://www.dropbox.com/s/7g3m0hzf5sm53sb/WX20230208-165856.png?dl=0

No, it is not possible.

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[thiagors]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[thiagors]

This reply has been marked as private.

[SeaTheme]

Hi, plz add the Custom CSS；

3)

.container-masonry{
  margin-bottom: -1px;
} 

4) The css will disable menu icon transition:

#navi-trigger {
     -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

I did not find the logo transition. You can try to stop lazyload to check if it works.

5)

@media (max-width: 767px){
  .responsive-ux .gallery-post-des, .responsive-ux .container-fluid, .responsive-ux .pagebuilder-wrap>.container-fluid, .responsive-ux .fullwidth-wrap>.container-fluid { padding-left: 40px;
  }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts