[CrikeyMateParticipant]

Hello!

I implemented a “search” bar and placed the code in the “top bar” section. Works fine, except on Mobile.

It overlaps.

Also, a little quirk; On Desktop the MenuBar last menu divider is marginally longer than the search I placed.

Can I please get the CSS to correct both.

Thanks in advance!

[CrikeyMateParticipant]

n/a

[CrikeyMateParticipant]

This reply has been marked as private.

[CrikeyMateParticipant]

Oh, one other thing;

You’ll noticed at the bottom (widgets), I have an advertisement beneath the bottom search. I’d like to “pad it” 2px from the separator bar above it. Everything I tried failed. 🙁

Thanks. 🙂

[Rue NelModerator]

Hello There,

Thanks for writing in! Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

To resolve your search bar issue on mobile, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media (max-width: 979px){
  body.x-navbar-fixed-top-active .x-navbar-wrap {
    clear: both;
    height: auto;
  }

  body.x-navbar-fixed-top-active .x-topbar {
    min-height: 70px;
  }
}

Please let us know if this works out for you.

[CrikeyMateParticipant]

Hello,

Nailed it!, thanks.

PS — I wasn’t trying to “bump my post”. Was just after-thoughts/web address. 🙂

Happy Easter!

[Rue NelModerator]

Same to you!
Happy Easter as well.

[CrikeyMateParticipant]

Hmm. Just discovered a problem (totally unrelated to the CSS above).

The blog/category pages do not load on iOS. It just sits with the “loading icon” thingies whirling away.

Works fine on Android 6 (tablet), and Desktop.

To add; Just tested on Windows Mobile 10, same thing. Whirls away and doesn’t load.

What on earth might be causing this issue?

[Rue NelModerator]

Hello There,

You may have inserted an invalid JS code in your customizer. You do not need a script tag inside it because it is already wrapped by a script when displayed on the front end. To better resolve this, please update your JS code and make use of this code:

</script>
<!-- Amazon Publisher Studio -->
<script> var amzn_ps_tracking_id = 'simplyremedy-20'; </script>
<script async="true" type="text/javascript" src="//ps-us.amazon-adsystem.com/scripts/US/studio.js" charset="UTF-8">

Hope this helps. Please let us know how it goes.

[CrikeyMateParticipant]

Hello,

A semi-fix. Working now on Windows 10 Mobile. But iOS is still not loading.

Tested on iPhone 6 and iPad Mini 2.

I removed that Java Script altogether, and have the same result.

Thanks for the prompt reply!

EDIT to add: If let for 10 minutes or so, it eventually loads.

[RadModerator]

Hi there,

It loads okay from my end, have you tried different device? Is it safari or chrome on iOs?

Thanks!

[CrikeyMateParticipant]

Yep, checked on two different Safari devices (iOS). Both devices, sadly, don’t have Chrome installed.

The slider loads fine, but when it comes to the Blog itself it just gets the “loading thingies”. An article can be clicked and loaded quite fine from the Slider at the top.

[RupokMember]

Hi there,

Thanks for writing back. It seems loading fine on my end. You might be interested to review our Performance guide to improve the site performance so that it could load more faster.

Cheers!

[Author]

Posts