Skip to main content

serious problem with anchor in brizy

Hernan Pajaro Torres
 
It is a one page, here is the link industryline.co (made entirely in Brizy)
if you test you will find that the anchors do not work well, they position 
 block wrong and it does not show the section title.
it doesn't matter if the header is static or fixed,is incorrectly positioned
This failure of Brizy is very serious, because it leaves out that a One Page works correctly




0

Comments

6 comments

Date Votes
  • Alex

    Hi,

    Can you please give us more details? What exactly is wrong? I checked your site and everything works fine. The link redirects you to the appropriate section: https://jmp.sh/gOV2HRF The only problem that is somehow obvious is that the section is not fully visible. But, this is because you have a sticky header and the section is positioned at the top of the page and the sticky header covers the top. 

    I will send this to the developers and maybe this can be improved so that the sticky header will automatically calculate its height, and the section will be positioned depending on the header, not on the top of the page.

    0
  • Xavier Garrido
    • Edited

    Hello Alex, 

    Thanks for answering this topic. I am an user of brizy Pro lifetime and I have this kind of issue too. I recorded a video so you can easily see what is going wrong in visual part of the issue so you can guess what is behind:
    this is the link to the video (once again sorry for my lame english, need some heavy practice): https://youtu.be/rJDZK7tyakI

    if you need more info about the site, the link to the place where this issue takes place is: www.avagax.cl/home (site still being work in progress)

    Hope you can find what is going on. 

    Thanks for all your support.

    Regards.

    0
  • Samuel Figueroa

    Hi I am not support, just another Brizy.io customer. Found your problem interesting as I was just working on anchors on a non-brizy site. I visited your website, one thing that was interesting is when I copied the menu links and pasted them into the browser URL directly they appeared correctly. It appears to only act strangely when the browser attempts to go to the anchor link via the menu. 

    These links when visited directly are working fine:

    SERVICIOS: http://avagax.cl/home/#zineudpnocjfmtahpqfbpzpgwqdwyuotxnee

    ESTUDIO: http://avagax.cl/home/#Estudio

    ENFOQUE: http://avagax.cl/home/#cdtittzvopmdthwegcknazrljybppdgmbumj

    PROYECTOS: http://avagax.cl/home/#fuikicpfwaghlyeexlzkbdwzixvgxuqycaqr

    I also noticed that the main site link is: http://www.avagax.cl/home

    But your logo links back to https://avagax.cl/home/#inicio

    Your site appears to have an SSL certificate but ENFORCE HTTPS is not enabled. Your site is using a mixed bag of links that are http and https. I am not sure if the internal anchor links are being affected by cross-site problems when using the menu links. While you are waiting for the Brizy team to respond, I would suggest you clean up those links. Make them all https. Do not mix http with https. Stay consistent. In today's internet, you should never need to use http anyway. Again, not saying this is your problem but when it comes to HTTPS and links, I learned over time that mixing them together causes problems. Try fixing the links then delete your cache and try again and see if that helps.

    Sam

    0
  • Samuel Figueroa

    Oh another thing Xavier, make sure your row/section heights are set properly to make the section appear properly when your visitors click on the menu links. You may need to adjust your bottom margins to make them appear nice when the browser scrolls to the anchor. For example, your ESTUDIO section is shorter than ENFOQUE so it looks strange. I also noticed that your ESTUDIO section TITLE is bottom aligned which I assume you did because of the background design so got a feeling you had trouble setting that anchor because its at the bottom of the section. If I were you, I would insert a blank row at the top of each section and set the anchor on that blank row so that the section always starts at the top of the browser viewport. 

    In my honest opinion, I think you are still too early in the design process to really know if things like this problem you are posting about here is really a problem or you just need to "clean up" your design and get consistent with your page and anchor names and fix the https I mentioned earlier. This is by no means critique, you yourself said this site is "work in progress". Good Luck!

    0
  • Alex

    Hi Xavier,

    thanks for your detailed message. The problem is caused by the Twenty Twenty theme. It has a CSS configuration that creates this glitch: https://jmp.sh/eibVPSS The solution is to change the theme or rewrite this CSS: https://jmp.sh/T9pQML9

    @Samuel - Thanks for getting involved. I really appreciate that you found time to help. Certainly, the advice on SSL is the one to follow. For the rest, Xavier will decide whether to accept them or not :)

    0
  • Xavier Garrido 
    thanks for your detailed message.

    At all, thanks to you for the quick response and you gave me a great solutions.

    The problem is caused by the Twenty Twenty theme. It has a CSS configuration that
    creates this glitch: https://jmp.sh/eibVPSS The solution is to change the theme or
    rewrite this CSS: https://jmp.sh/T9pQML9

    Already did the change to other theme and that was the solution to the issue. Was great for the instance. However, having this issue made me come in here and get some great tips and advices from Samuel.

    Hi I am not support, just another Brizy.io customer. Found your problem interesting as I was just
    working on anchors on a non-brizy site. I visited your website, one thing that was interesting is
    when I copied the menu links and pasted them into the browser URL directly they appeared correctly.
    It appears to only act strangely when the browser attempts to go to the anchor link via the menu. 

    First: thanks for having the time to watch about this issue and particularly my case. Even if you are not support, experience and knowledge is welcome, no matter if it comes from an user or support. I usually name anchors but in this case I was messing around watch the behavior, so I deleted the anchor names to test if that could generate the problem.

    I also noticed that the main site link is: http://www.avagax.cl/home
    But your logo links back to https://avagax.cl/home/#inicio

    In this case I did it so people (and my self) can go back to the slide when they click on the logo, thanks anyway for notice it.

    Your site appears to have an SSL certificate but ENFORCE HTTPS is not enabled. Your site is
    using a mixed bag of links that are http and https. I am not sure if the internal anchor links
    are being affected by cross-site problems when using the menu links. While you are waiting for
    the Brizy team to respond, I would suggest you clean up those links. Make them all https. Do
    not mix http with https. Stay consistent. In today's internet, you should never need to use
    http anyway. Again, not saying this is your problem but when it comes to HTTPS and links, I
    learned over time that mixing them together causes problems. Try fixing the links then delete
    your cache and try again and see if that helps.

    This is really serious and I didn't noticed it at all, thanks for that I will check it as soon as I can. I guess this kind of bad security things are a mixture between a crappy bad quality hosting (it guarantees the SSL of my domains) and my fully ignorance of how SSL works with sites and hosting (maybe 2nd is more about the real problem than the 1st). 

     

    make sure your row/section heights are set properly to make the section appear properly when
    your visitors click on the menu links. You may need to adjust your bottom margins to make them
    appear nice when the browser scrolls to the anchor. For example, your ESTUDIO section is shorter
    than ENFOQUE so it looks strange. I also noticed that your ESTUDIO section TITLE is bottom aligned
    which I assume you did because of the background design so got a feeling you had trouble setting
    that anchor because its at the bottom of the section. If I were you, I would insert a blank row
    at the top of each section and set the anchor on that blank row so that the section always starts
    at the top of the browser viewport. 

    Thanks for the advices yes things are a bit strange yet I am keep working meanwhile I have a chance on it so I make some modifications. I am gonna consider what you say about the sections in future modifications.

     

    In my honest opinion, I think you are still too early in the design process to really know
    if things like this problem you are posting about here is really a problem or you just need
    to "clean up" your design and get consistent with your page and anchor names and fix the
    https I mentioned earlier. This is by no means critique, you yourself said this site is
    "work in progress". Good Luck!

    Of course, I understand what you say and I consider always a second thought to blame the tool or the plataform where I work, I always try to solve the issue with what I have in my hands. On this case I was a bit sure about that something was going wrong there between Brizy and something else, because I have been working with Brizy practically since it launched and I have been knowing it meanwhile I use it, I notice some common issues and needs of the plataform and more and that wasn't an usual as far as I knew until I came here and noticed someone else could have the same issue. However, as you (and me) said, it is still work in progress and the issue was solved, was a dilema between the theme and the builder as it seems.

    See you next time, thanks for all. Hope you can understand grammatically what I wrote, I realy need to improve my english.

    Best Regards

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question