Line in menu mobile + Change post date position

Hi there,

1. Try this:

#mobile-header {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

2. Try this:

@media (max-width: 768px) {
    .single .entry-meta {
        display: flex;
        flex-direction: column-reverse;
    }
}

Great!
Both work.

Just more questions:

1. Is it possible for the post date to be below the author's name?

2. How to increase the distance between the content and the header?

Thank you!

Hi there,

1. I updated Leos second CSS code here

2. Is this space between the Site Header ( Logo + Navigation ) and the page ?

Yes David!

See how the category name (in this example "entrevista") is very close to the header.

https://violao.art/menu-mobile/

You can change that space for mobile with this CSS:

@media (max-width: 768px) {
    .custom-post-header {
        padding-top: 40px;
    }
}

Hi David

The code did not work.

@media (max-width: 768px) {
.custom-post-header {
padding-top: 40px;
}
}

Move the CSS to the bottom of the Additional CSS.

Now it worked perfectly!

Can I use the same code to increase space globally? (Pages and products have not been modified).

Thank you!

Can you link/guide me to a page you are referring to?