Hi

Thank you for leaving the thread open.

The whole process stopped up with FiboSearch. As I forgot to reply to their message when trying to figure out why the search was slow.

I have added FiboSearch to another site: https://industrihuset.no/
I transferred the same settings from the first site to the second site, but either I forgot something to transfer over or I have to add additional CSS to Enfold as the search bar is there for a second before it disappears perhaps behind the menu. I also will need to move the search bar down to align it with the rest of the menu.

Do you have some advice on this? Thank you.

Thanks – do I add the custom class like this?

iconpadding. #top .av-iconlist-small li {
padding: 10px 0;
}

and than add the class iconpadding to the element?

In the Enfold Theme Options and the Extra Elements of the HEADER section, one of the options is:

Header Phone Number/Extra Info
Choose if you want to display an additional phone number or some extra info in your header
I have selected “Display in the Top Bar at the left”
I have left the phone number field blank.

This creates a small colored bar above the logo/menu section.

I don’t want any info in the bar, I just want the colored bar but I want it to be only 8 pixels tall.

If there is another way to do that, I’d be open to knowing how.

Thank you for any help you can give.

These didn’t work for me – so I tried this and for somw reasoon adding it puts the sidebar on the top of the page on desktop also :-(

@media only screen and (max-width:767px) {
.responsive #top.woocommerce-page #main .sidebar {
display: block;
border-color: transparent;
margin-top: -30px;
margin-bottom: -60px; }
}

.responsive #top.woocommerce-page #main .sidebar .inner_sidebar {
margin-left: 0 !important;
}

.responsive #top.woocommerce-page #wrap_all .container_wrap_first .container {
display: flex;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
padding: 50px 0px 0px 0px;
}
}

Thank you but you did not say anything about the buttons, the green button in desktop, in mobile is clear grey, what about that?

Hey Ismael. Sorry for my late reply. But I found out that the problem might have to do with the Rankmath plugin, although I’m not sure. The following happened:

I’ve duplicated the homepage, like you said. After that I was able to edit the duplicate, but still not the original homepage. I then changed the WordPress title ‘Home’ of my original homepage into ‘Home2’ and changed the slug into ‘home2’. After that I changed the title of the duplicate homepage ‘Home (copy)’ into ‘Home’ and changed the slug to ‘home’ and I published the page.

First I got a notification in WordPress backend from Rankmath that a slug was changed and that I could set a new redirection. I deleted my original homepage and deleted the redirection, associated with that old homepage, in Rankmath. It didn’t go smooth. I can’t recall exactly, but the notification kept coming, although I clicked it away. After that I checked the title and slug from the new homepage again and everything seemed fine.

I now CAN edit the new homepage, but when viewing my homepage in a browser I get a critical error: “There has been a critical error on this website.” The only solution is disabling Rankmath, then the homepage works fine again. I only have a few plugins. I have deactivated all and then reactivated each one individually. Only Rankmath gave this critical error.

I don’t understand what went wrong. I’ve used Rankmath (free) without problems for two months, but now it suddenly causes a critical error. Somehow I think I messed up with changing slugs or redirections, but I don’t know how. But there’s also the weird problem that started it all: not being able to edit the original homepage, but being able to edit the duplicate.

Because the problem now seems to be related to Rankmath, I have contacted their Support. So I sent them the error log and I’m waiting for their reply. I will come back to you when I have more answers. Could you keep this topic open for now please?

Sure I have, all three options. I want to use Modern Header though.

The problem is due to I’m using CSS code to justify all <p> elements, because alignment is not part of typography settings nor the Advanced Styles. So, I needed to add the following custom CSS:

p, li {
text-align: justify;
}

When I block this instruction by commenting it, center alignment in subheading works well. Nevertheless, I would like to have both styles working together.

Is there any CSS code that could be applied to Avia elements to get this? The one you suggested me for slider caption works very well (#top .avia-slideshow .av-slideshow-caption.av-m2fnm33t-7194a2c2891f3e7874849bd5c29c844f__0 .avia-caption-content p { text-align: center; })

See the first column at https://franco.integracionwebmx.com/contacto/#mapas

Best regards.

• This reply was modified 1 year, 4 months ago by ezimbron.
• This reply was modified 1 year, 4 months ago by ezimbron.

How do I attach a screenshot? I don’t see an option for this.

I am talking about the magnifying glass icon that is used for searching.
When my browser window is large, there is a magnifying glass next to the main menu.
When my browser is medium (I’d assume for tablets), there is a burger menu that when opened does NOT show this magnifying glass
When my browser is small (I’d assume for phones), there is a burger menu that when opened does show the magnifying glass at the top.

Until I figure out how to attach a screenshot, just goto the website I provided, and look at the site with the browser window wide enough to show the full main menu (not the burger)–you’ll notice that there is a magnifying glass next to the main menu. Then shrink it horizontally until the burger menu appears . . .then click the burger…you’ll notice that there is no magnifying glass. Then continue to shrink the browser window horizontally until you notice that a magnifying glass DOES appear at the top of the menu (next to the X that closes the burger menu).