[Rue NelModerator]

Hello There,

Please try this css code instead;

.x-nav-articles {
  display: none;
  float: none !important;
  margin: 1.5em auto 0px !important;
}
.x-nav-articles {
  float: none !important;
  margin: 1.5em auto 0px !important;
}
.x-nav-articles {
  float: none !important;
  margin: 1.5em auto 0px !important;
}

And keep the javascript. Do not remove it.

Hope this helps. Kindly let us know.

[new_wpParticipant]

It works great on a laptop and my iPad mini, but on my smartphone the navigation arrows still load at the top of the screen then jump down to the bottom of the page. Can I apply the new CSS to smartphones as well. Thank you!

[Paul RModerator]

Hi,

You can try adding this under Custom > CSS in the Customizer.

body .x-nav-articles {
    clear:both;
    display:block;
    float:none;
    overflow:hidden;
}

Hope that helps.

[new_wpParticipant]

Hi there,

I know that when the website needs to process CSS it takes longer to load than if things are part of the child theme or functions.php etc. Might there be a code I can enter into a child theme to move the navigation arrows from the top to the bottom (centered) and also where it loads after the rest of the page? Thank you!

[LelyModerator]

Hello There,

Regretfully, at this time I am not entirely certain which navigation arrows you’re referring to in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to the specific page with the navigation arrows would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[new_wpParticipant]

Hi there,

Here is a screenshot from my iphone 6 showing the navigation arrows on mobile loading last. It’s like the entire page loads then it takes a while to finally finish loading the navigation arrows. It’s like it gets stuck.

http://prntscr.com/9kbaop

Is there some sort of code I can add to my core files (e.g. functions) that will load the navigation arrows at the bottom (I prefer not to use a child theme). I’d rather copy & paste the code into the functions.php every update or whatever file it belongs in. Thank you!

Everything is updated
Theme X 4.3
Cornerstone 1.0.11
Wordpress 4.4
cohlkids.com

[RadModerator]

Hi there,

It loads okay on my test. The above CSS is applicable on all devices including the smartphone. There is no added @media query to target a specific device.

The CSS is also outputted directly to your HTML code, in which it loads along with your page source code. And your page source code loaded first then the rest.

It could be related to your phone’s connectivity, it may be loading the cache first. Try clearing your phone’s browser cache.

Thanks.

[new_wpParticipant]

Got it. I will try that.

Is there a way I can add an html code to my blog page core file so the navigation arrows load on the bottom center of the post? Instead of using Java script and CSS to do this? Thank you.

[Nabeel AModerator]

Hi again,

You can try adding the following CSS code in your Customizer via Appearance > Customize > Custom > CSS:

.single-post .x-nav-articles {
    display: block !important;
}

Let us know how this goes!

[gellisParticipant]

Hello, I’m running into the same problem on the home page title in the browser tab. I’ve tried adding the code above to my child theme functions.php file but it’s not working. All I need to do is remove the cursor (|) after the end of the title on the home page ONLY. For the other pages, they are perfect as is. Please let me know what I can do to fix this.

Website URL: http://tnretail.wpengine.com/

Thanks!

[Rue NelModerator]

Hey @gellis,

Can you please update the code and use this instead:

function x_wp_title( $title ) {

    if ( is_front_page() ) {
      return get_bloginfo( 'name' );
    } else {
      return $title; 
    }

  }
  add_filter( 'wp_title', 'x_wp_title', 100 );

Please let us know if this works out for you.

[gellisParticipant]

Thanks for the reply but I’m still seeing the “|” in the browser tab for the home page. Let me know what else I need to do.

[ChristopherModerator]

Hi there,

Please open a new thread and provide us with URL and login credentials so we can take a closer look.

Thanks.

[Author]

Posts