Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1212381
    BlueGraphics
    Participant

    Hello,

    I could use some help figuring out how to center the menu on the navbar and not using a logo.
    g1.bghawaii.com

    thaks

    #1212605
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .masthead-inline .desktop .x-nav {
    	    margin: 0 auto;
    	    width: 610px;
    	    float: none;
    }

    Hope it helps, Cheers!

    #1213545
    BlueGraphics
    Participant

    Sure does.
    Thank you!

    #1213736
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

    #1220522
    BlueGraphics
    Participant

    i am still having a problem with this site.
    http://www.cucli-thefilm.com is pointing to g1.bghawaii.com
    which is aone page site created in cornerstone.
    For some reason the responsiveness is not working on mobile.
    Any ideas or suggestions

    #1220540
    Lely
    Moderator

    Hi There,

    This is because of iframe forwarding.iFrames aren’t responsive, so whatever you put inside iFrame won’t work properly in mobile devices. Please check in with your hosting provider regarding proper domain forwarding. This link might help:http://webmasters.stackexchange.com/questions/88813/is-it-possible-to-use-domain-forwarding-with-masking-without-the-use-of-iframe

    Hope this helps.

    #1220545
    BlueGraphics
    Participant

    thank you Lely for your fast answer.
    I will try and ocntact my host provider again and see if we can fix this on the way explaind in your link provided.

    Since i have your attention, may I ask you, in this other http://www.cucli-film.com I am not experiencing this problem, but the url is coming out or showing as g1.bghawaii.com
    How could I change that so that i reads/shows just the url http://www.cucli-film.com?

    #1220593
    Lely
    Moderator

    Hi There,

    You’re welcome!

    I am a confuse on your question because you have provided the same URL. What happened is on this url http://www.cucli-film.com/ it loads the content of g1.bghawaii.com using an iframe which is not responsive.

    #1221746
    BlueGraphics
    Participant

    thank you for your answer Lely.
    I have solved this issue. pfeuuu!

    One question comes up now that the responsiveness is functional again,
    any way to keep the mobile menu fixed top?

    #1221937
    Christopher
    Moderator

    Hi there,

    Upon checking your site, mobile navigation is fixed top, please see the attachment.
    Please clarify what you’re trying to achieve.

    Thanks.

    #1222729
    BlueGraphics
    Participant

    hi.

    yes, i found a post on the forum with a custom css code and went ahead and applyed it.
    The client did not like it as when unfolded, it remained unfolded and covered the whole screen, so i had to turned it off.

    Is there a way where the top nav fixed top on mobile closes after click?

    #1222844
    Nabeel A
    Moderator

    Hey again,

    Thanks for writing in! To fix your issue, please add the following jQuery script via Appearance > Customize > Custom > Javascript

    jQuery(document).ready(function($){
    	$('.menu-item a').click(function(){
    		$('.x-nav-wrap.mobile').removeClass('in');
    	});
    });

    Don’t forget to clear your browser’s cache after adding the code.

    Let us know how this goes!

    #1222869
    BlueGraphics
    Participant

    thank you ofr that.
    I am not sure it is working on my mobile phone

    #1223008
    Jade
    Moderator

    Hi there,

    Please try this code:

    jQuery(function($){
      $('.mobile .x-nav a').on('touchend click', function(){
        $('.x-btn-navbar').click();
      });
    });

    Hope this helps.

    #1223148
    BlueGraphics
    Participant

    Thank you Jade. It does.

  • <script> jQuery(function($){ $("#no-reply-1212381 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>