Docs

[MatthM]

Hello,

I am using themeX/Ethos for a new site for a client. In the navbar my first two menu items are links to anchors in the same (home-)page. The problem is, when you have visited both items, they both stay dark and underlined. I only want the last visited anchor to stay in the visited state. That way the navigation works more like the rest of the menu item.

How can I change that in X?

I’ve tried this without succes:

x-navbar .desktop .x-nav > li > a:visited{
text-decoration: none !important;
}

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[MatthM]

This reply has been marked as private.

[Joao]

Hi There,

As you have a mixed navigation between 1 page navigation and inter-page navigation you will need to setup two menus.

You will go to Appereance > Menus

Create a menu that is exactly like you have now but

Change this menu from /#visie for just #visie

Same with the other link.

Click Edit Page > Select this menu as your One Page Navigation Menu.

———–

Hope it helps

Joao

[MatthM]

Thank you! That works.

Other last question.
How can I increase the body font-size just on mobile devices?

This is not working:
@media (max-width: 480px) {
p {
font-size: 20px;
}
}

[Paul R]

Hi,

You can try this instead.

@media (max-width: 480px) {
   body {
       font-size: 20px;
   }
}

Hope that helps.

[MatthM]

This reply has been marked as private.

[Joao]

Hi There,

There were a syntax error,

I have corrected and the code works now.

If you need further help please turn of your security plugin that protect us from inspecting your code, it will be easier to help you that way,

Hope it helps

Joao

[MatthM]

Hello,

Thank you.

It is working but nog for the first paragraph of each container…

look at the image attached please…

[Rue Nel]

Hello There,

Thanks for updating in! The screenshot were not upload because it exceeds the allowable file size. Meanwhile, the font change did not work because the very first paragraph were not being wrap by a p tag. To resolve this, please have the code updated and make use of this code instead:

@media (max-width: 480px){
  body .entry-content,
  body p {
    font-size: 18px;
  }
}

Hope this helps. Please let us know how it goes.

[Author]

Posts