Docs

[anton.pelayo]

Hello, I have to say that this theme is super and makes it easy for people like me (with little or no knowledge) to edit our way around.

2 issues:
1) the drop down on mobile seems to work only if i click on the very edge of the phone, i tried adding in `jQuery(document).ready(function($) {
$(‘.x-nav-wrap.mobile .menu-item-has-children > a[href*=”#”]’).attr(‘href’, ”);
});`
which made the drop down work but removed the #link – i still need that function.

2) I’ve managed to come up with a custom search bar, which works fine on desktop, Android and Ipad.

When testing it on an iphone 6, it doesn’t seem to work, either the search disappears or the page moves..

I know its been customized and probably not covered by x theme, but anu chance someone can try and help?

Site: opticshock.antonpelayo.com
ethos stack

Thanks,
Anton

[anton.pelayo]

upon further research, the menu and search works fine on the opticshock.antonpelayo.com/works page across all devices.

If I’m not mistaken, this probably has to with the fact that the front page has a one page nav that links to # links rather than a url.

I saw a post from 2014 that says to use this code
`jQuery(function($){
$(‘#menu-onepage .sub-menu a’).click(function(e){
e.preventDefault();

$(‘html,body’).animate({
scrollTop: $(‘#’ + $(this).attr(‘href’).split(“#”).slice(-1)[0] ).offset().top
},700 ,’swing’);
});
});

But it didn’t do anything…

Help please!

[Rue Nel]

Hello There,

Thanks for writing in! Can you confirm that you are fully updated? (Theme and Plugins)

Our latest versions are:
X Theme: 4.4.1
Cornerstone: 1.2.3

You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Please let us know how it goes.

[anton.pelayo]

Thanks, that seemed like a very easy fix.

that worked, but it seemed the search wasn’t working on iphone.

I’ve went through my css and found this line was breaking the nav bar:

@media (max-width: 979px) {
body .x-navbar-fixed-top {    position:fixed;}

}

I need the nav bar fixed to the top on mobile, any way to fix this?

[Rupok]

Hi Anton,

Thanks for updating. The search box is working for mobile device so should work fine on iPhone. I have tested with iPhone simulator and it was working fine too.

Cheers!

[anton.pelayo]

Hi Rupok –

I need the nav bar fixed to the top on mobile, any way to fix this?

I tried adding
`@media (max-width: 979px) {
body .x-navbar-fixed-top { position:fixed;}

}

but it was breaking my search bar.

Please advise

[Rue Nel]

Hello Anton,

This code:

@media (max-width: 979px) {
  body .x-navbar-fixed-top { position:fixed;}
}

should work perfectly. I have tested this in my local testing server. Please make sure that you have added this block of code at the very bottom of your other custom css to avoid any conflicts.

Hope this helps.

[Author]

Posts