Docs

[FERLAF]

Hello
1)Why in the menú it is put the blue color of the 4 sections. I would like actívate in each section if it is posible?
2) In Tablet Can I oblígate a menú mobile because the normal menú it is not posible in one line.
3) In the mobile menu. I would like to put in the center of the navigation bar LAFORET GROUP.

tHANKS A LOT

[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.

[FERLAF]

https://wp.laforetgroup.com/
Thank you

[Joao]

1-

Since you have a mixed menu of ONE PAGE NAVIGATION with Standard Navigation you will need to create two menus.

One of them you already have and that will be assigned as your Main Menu.

Than you will create one excactly the same but instead of using full links like : https://wp.laforetgroup.com/#programas , you will use just : #programas and you will assign this one as your ONE Page Navigation menu on your home page.

2- Please add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 1250px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
}

3- Please add the following code to Appereance > Customizer > Custom > CSS

@media(max-width: 480px) {
.x-btn-navbar, .x-btn-navbar.collapsed {
     margin-right: 47%;
} }

Hope it helps

Joao

[FERLAF]

thank you for your message .
I am going to try everything.
For the number 3. where I put LAFORET GROUP?

@media(max-width: 480px) {
.x-btn-navbar, .x-btn-navbar.collapsed {
margin-right: 47%;
} }

tHANK YOU

[FERLAF]

THANK YOU BUT i CAN UNDERSTANS WHO CAN I DO?
1-
Since you have a mixed menu of ONE PAGE NAVIGATION with Standard Navigation you will need to create two menus.
One of them you already have and that will be assigned as your Main Menu.
Than you will create one excactly the same but instead of using full links like : https://wp.laforetgroup.com/#programas , you will use just : #programas and you will assign this one as your ONE Page Navigation menu on your home page

[Joao]

Hi There,

The code should be added to Appereance | Customizer | Custom | CSS

To have the mixed menu functioning, you need to go to Appereance > Menus > and create two menus, one of them you already have and that you will assign as your wordpress main menu, the other will not have the url just the #id like #programas instead of full url, and that one you will click edit page and select as your one page nav menu.

If that does not help please provide your admin credentials, thanks.

Joao

[FERLAF]

Thank you A LOT Joao,
i CAN DO IT.
3) In the mobile menu. I would like to put in the center of the navigation bar LAFORET GROUP.
For the number 3. where I put LAFORET GROUP?
@media(max-width: 480px) {
.x-btn-navbar, .x-btn-navbar.collapsed {
margin-right: 47%;
} }

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-nav-wrap.mobile.collapse:before {
    content: "LAFORET GROUP";
    COLOR: #fff;
    text-align: center;
    display: block;
    width: 100%;
    position: absolute;
    top: 50px;
    z-index: 999999;
}

Hope that helps.

[FERLAF]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. Sorry but I didn’t understand it properly from your screenshot. Can you confirm it’s the right screenshot?

Cheers!

[FERLAF]

Yes it is a right screenshot you have to open . You can see where is the menú you can see the name of the Company.
Thanks you

[Rupok]

Hi there,

Thanks for clarifying. Let’s try this CSS :

@media only screen and (max-width: 979px) {
.x-brand.img {
  left: calc(50% - 36px);
  position: absolute;
}
}

I hope that’s what you are looking for.

Cheers!

[FERLAF]

sorry but I think i did not explained so good. Sorry.
I attached another picture.
Thanks and sorry.

[FERLAF]

I attached the picture

[Author]

Posts