Menu Styling disappeared after Theme update

This topic has 16 replies, 3 voices, and was last updated 6 years by Radu.

Author
June 26, 2018 at 19:29 #202030

willsykora
Participant

Following the advice here: https://forums.envato.com/t/kleo-theme-how-to-create-buttons-in-extras-header/115955

I had previously included two buttons in my top nav. I just updated the theme, and now I can no longer set the item styling . Is this still supported?

June 27, 2018 at 02:54 #202064

Laura
Moderator

Hello, can you share a link so I can see it? The styling is gone but the buttons are there right? If so I can help you setup the styling again if you tell me how they should look like

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

June 27, 2018 at 03:13 #202069

willsykora
Participant

Yep, my menu items remain, but the Menu Item Style dropdown is gone.

I could go in and manipulate the CSS, but I’d really prefer to just get that styling dropdown back if possible.

I’ve attached a screenshot of this page: https://covailnt.com/community_feed/
so you can see the two button styles I was using.

I also attached a screen shot of the menu item I have now, and a separate shot of the missing dropdown.

Attachments:
You must be logged in to view attached files.

June 27, 2018 at 03:16 #202074

willsykora
Participant

oh but I misread your question. The Menu Items are there, but the buttons were removed for standard menu links.

June 27, 2018 at 18:12 #202153

Laura
Moderator

Hello, i see, it doesnt have the button style, at the menu style where you have standard, did you try other options to see if it changes?
If you share access i can check it out 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

June 27, 2018 at 19:53 #202173

willsykora
Participant

This reply has been set as private.
June 28, 2018 at 22:23 #202339

Laura
Moderator
Hello, i did not find the source of the issue but here is the css to fix it
COPY CODE
```
li#menu-item-11000 {
    border: 3px #1ec4b5 solid;
    border-radius: 10px;
}
li#menu-item-12400 {
    background: #1ac3b6;
    border: 3px #1ec4b5 solid;
    border-radius: 10px;
    margin-left: 10px;
}
li#menu-item-12400 a {
    color: white !important;
    font-weight: 600 !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
June 29, 2018 at 03:35 #202375

willsykora
Participant

Thanks! While this gets me close, it doesn’t replicate what I had before. This also adds a dot next to the last menu item for non logged in users, and doesn’t remove the score that appears on hover. See screenshots

Attachments:
You must be logged in to view attached files.
June 30, 2018 at 00:48 #202437

Laura
Moderator
Hello, try adding this too
COPY CODE
```
li#menu-item-12400 a:hover {
    box-shadow: none !important;
}
li#menu-item-12400 {
    background: #17c3a9;
    border: none !important;
    border-radius: 10px;
    margin-left: 10px;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
July 3, 2018 at 16:26 #202818

willsykora
Participant

This reply has been set as private.

July 4, 2018 at 16:44 #202887

Laura
Moderator

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

July 5, 2018 at 16:37 #202959

Radu
Moderator

Hi,

I should login to can see that right ?

Trying to login and it says this that my ip was blacklisted with no previous of login try.

Try to allow romania country for that my current ip it’s a dynamic one and not sure if this will remain. or leave the firewall off until we solve this.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

July 5, 2018 at 17:16 #202966

willsykora
Participant

oh weird! I’m not sure why it’s been blacklisted – let me see what I can do

July 5, 2018 at 17:18 #202968

willsykora
Participant

This reply has been set as private.
July 6, 2018 at 16:00 #203059

Radu
Moderator
Hi,

check it now

It should be ok on desktop for users and guests also on mobile !

I had replaced the code that Laura gives to you with this one in theme options -> quick css
COPY CODE
```
/*Header button + mobile style*/
.logged-in .header_button_filled {
    background: #17c3a9;
    border: 3px #17c3a9 solid;
    border-radius: 10px;
    margin-left: 10px;
}
.logged-in .header_button_filled a {
    color: white !important;
    font-weight: 600 !important;
}

@media(max-width:991px) {
    .logged-in .header_button_filled {
     width:auto !important;
     margin-left:0;
    }
    .logged-in .header_button_filled a {
      text-align:center !important;
        min-width:300px;
    }
}

/*END Header button + mobile style*/
```
All good ?

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
July 6, 2018 at 16:44 #203063

willsykora
Participant

This reply has been set as private.

July 9, 2018 at 17:45 #203362

Radu
Moderator

Hi,

I see , some of your plugins makes that option to dissappear tried to disable one by one to find ou but you have 50+ plugins and it takes to much to can do that for all, i had de-activated all at one then i had checked and it’s displayed under wp-admin -> appearance -> menus

De-activate all plugins then activate back one by one while you check when appear/disappear the option.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
Author

Posts