sheilaob

Yes, I have, the plugins didn’t have any impact on it.

I did manage to find a solution for the partial frames – adding this to the custom css:

.entry-content table,
.comment-content table {
border-width: 0px 0 0 0px !important;
margin-bottom: 24px;
}

I found the code in the style.css file in Appearance -> Theme file editor. In the style.css file the border-width property is set to 1px 0 0 1px.

Just in case anyone might have this problem in the future..

I wrote a review yesterday 🙂 Thanks a lot again!

Hi rodicaelena,

Thanks for your reply. Yeah, I believe that it has to do with the browser. The thing is that it’s inconsistent – it appears only sometimes, when it appears, it appears only on the first item and doesn’t move down, and most strangely – it appears also when the accessibility setting is unchecked (turned off). :-/
It also happens only with some websites and not with others.
Are you saying that there is no way to influence this?

Thank you so much for your dedication, Denis, I really appreciate it.

I added the snippet and on my side it didn’t change anything, the blue frame still appears on the first menu item on phone and tablet, but pretty randomly. I can’t find any consistency in when it appears and when not. It’s not related to single pages. How does it look on your side?

Hi Denis,

Thank you so much for all your patience and your solutions, it’s really such great help.

1. I can only find a way to send an image through a URL (below), so it’s there if you click it (I hope).
2. Ok, I understand. I ended up just adding the hamburger menu on all pages and that’s ok. On phone and tablet it works fine. On the desktop it also looks fine at first, however, after opening it and then clicking on the ‘X’ to close it, the frame appears and remains. It doesn’t matter if I choose in the settings “filled” or “outline” (with all the borders set to 0 and no color). Is there a CSS way to eliminate the frame, so that it just never appears?
   I’m sending a screenshot of this too (the frame is cut off because of the margins I chose) in the same URL as above.

Once again many thanks!

• This reply was modified 10 months, 3 weeks ago by sheilaob.

Will do, Denis!

I have a quick follow up question – With the code above the menu is gone on these pages also on phone and tablet display, but i’d like it to appear there when clicking on the hamburger menu.

This code – I tried it with the words ‘active’, ‘always’ and ‘inline’ at the position of the **** – doesn’t seem to be doing the job:

@media only screen and (max-width: 800px) {
.page-id-13 .nv-nav-wrap,
.page-id-10 .nv-nav-wrap {
display: **** !important;
}
}

Do you have any suggestions?

Thanks a lot again!

Hey Denis,

Thanks a lot for the detailed reply. I followed the steps but it unfortunately didn’t change anything.

Here’s the code I added:

.page-id-13.div.nv-nav-wrap,
.page-id-10.div.nv-nav-wrap{
display: none !important;
}

Am I missing something?

For anyone else facing this issue: It somehow resolved when I changed the font-family from “inherit” to “Bellota” at: Customize -> Typography -> Headings.