Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #226556

    cnever
    Participant

    Hi

    The button that is activate to scroll to top on the lefts side in my case wont work on firefox but works fine in other browsers. I know its working in the demo so I am sure I messed up code somewhere perhaps?

    gistdesign.co.za

    Thanks

    **add link button not working 🙂

    #226735

    Zeshan
    Member

    Hi there,

    Thanks for writing in! I’m not seeing Scroll Top Anchor button in your website (see: http://prntscr.com/6gbjpl). Can you confirm it’s enabled? You can do it under Footer > Scroll Top Anchor in the Customizer.

    Thanks!

    #227336

    cnever
    Participant

    Hi

    It is definitely activated and I see it on my side. It is on the left side though. Only not working in Firefox, visible but not scrolling.

    Thanks

    #227530

    Christopher
    Moderator

    Hi there,

    You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Hope it helps.

    #227531

    cnever
    Participant

    Hi

    I have no plugins installed? The only plugins installed are those that are packaged with X.

    It is something small conflicting but very small, because it only doesn’t work on firefox.

    thanks

    #227534

    cnever
    Participant

    I found the problem I think… The button goes toe #top id obviously. So looking at the code the div #top is the size of the whole website so won’t be able to scroll due to it thinking its already at the top?

    **Edit: I don’t think it was that, chrome looks the same but functions. Thought it was. Any help will be appreciated.

    thanks

    #227656

    Christopher
    Moderator

    Hi there,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    #227658

    cnever
    Participant
    This reply has been marked as private.
    #227941

    Christian
    Moderator

    Hey Danie,

    The scroll to top behavior in your site is not the same as the original behavior in X. It seems you have customized something that caused the issue. Can you give us details on your customizations maybe we can help. Please take note though, that we cannot guarantee a solution for complex customizations. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

    Thanks.

    #227956

    cnever
    Participant

    Hi

    I figured it might be but just thought it was weird that only firefox did not comply. I know why it is causing this. Hy have a custom template setup where I input two div’s to get the logo above the navigation bar. But probably not the best solution. What I am starting to wonder is maybe not using the top bar in the customizer to input my css that I want to use there, question is can I input inline css there?

    If you have a better solution please let me know.

    Thanks!

    #228052

    Christopher
    Moderator

    Hi there,

    You can select ‘stacked’ layout under Customize -> Header -> LOGO AND NAVIGATION to display logo on top of menu.
    Is that what you trying to achieve?

    Thanks.

    #228082

    cnever
    Participant

    Hi

    Yes Kinda, but would I then have to adjust css to get layout to look more like this, see attached.

    thanks

    https://drive.google.com/file/d/0B25C83s08afFZElWeWhwcU9JZjQ/view?usp=sharing

    #228168

    Christopher
    Moderator

    Hi there,

    Please add the following CSS under Customize -> Custom -> CSS :

    .x-logobar {
      text-align: left;
    }
    .masthead-stacked .desktop .x-nav {
      display: block;
      float: right;
    }

    Hope it helps.