Filter posts by variable to use search function

Help
22

Glad to hear that fix worked for you. Happy to help!

1 Like
23

I don’t want to abuse your goodwill but, since you are so good at this and you are being so gentil, maybe you could give me at least one last direction, please. I’m having a final minor error.

In every post (and only posts), when I scroll down the page, starting below the page main image, the links in the right corner of the navigation menu (the lang switcher, search button, contact and curriculum menus) stop working (i.e. you can’t click them below this limit), even though the other menus (articles, research and politics and science) keep working normally. Do you have some idea why this might be happening?

I setup an example with the correct switch lang options: https://gustavosabbag.github.io/en/analysis/2020/08/30/example-post-1-en.html

Thank you one more time in advance.

24

Sure, I don’t mind checking it

25

It wasn’t working for me on initial page load, then did a refresh with cached cleared and it was fine.

The links are there and work for this post.

On

https://gustavosabbag.github.io/en/analysis/2020/08/30/example-post-1-en.html

I click the BR flag and it takes me to

https://gustavosabbag.github.io/br/2020/11/09/post-de-exemplo-br.html

Here is the HTML for the navbar on the EN page. It has too many header elements - the inner ones should be <li> I think.

              
              <header class="lang-options">
                  <ul>
                  
                  <header><a href="/br/2020/11/09/post-de-exemplo-br.html" class="🇧🇷 title="View in br">🇧🇷 </a></header>
                  
                  <header><a href="/en/analysis/2020/08/30/example-post-1-en.html" class="🇺🇸 title="View in en">🇺🇸 </a></header>
                  
                  <header><a href="/es/analysis/2020/09/09/post-de-ejemplo-en-espanol.html" class="🇪🇸 title="View in es">🇪🇸 </a></header>
                  
                  </ul>
              </header>
26

Actually, the link wasn’t working because I had removed a category from the post html, and I couldn’t edit the link of the reply. So I returned it to the original so you could access from this link.

I try changing these elements to list (<li> and <ul>) but it didn’t work. I think it has something to do with the post layout structure (maybe the body margins, which are different from the navigation menu margin), since not only the land switch button gets unavailable when I scroll down the page, but contact and CV menus too.

27

I just found a solution in the following css variable:

$layout: (
  header-height:          4.5rem,
  header-height-sm:       3rem,
  content-max-width:      950px,
  sidebar-width:          250px,
  sidebar-header-height:  3rem,
  aside-width:            220px
);

I suppose this variable is defining the navigation menu for every page. I changed the last line to aside-width: 0px, and the menu buttons aligned with the article body, and all the buttons kept working while scrolling down.

1 Like