Docs

[mahmoud237]

How can I make a button on the mobile navbar instead of the item on the attached photo ?

I use ethos stack .

[mahmoud237]

This reply has been marked as private.

[Paul R]

Hi,

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

.x-navbar .mobile .x-nav li.accountbutton>a>span { 
   background-color: #5CB85C;
    border-radius: 4px;
    padding: 10px 26px !important;
    color: #ffffff;
}

Hope that helps

[mahmoud237]

Great .. it worked … But How can I remove the underneath background color under the button ?

Check the attached photo to know what I mean

[Thai]

Hi There,

Please change the previous CSS to this:

.x-navbar .mobile .x-nav li.accountbutton>a { 
   background-color: #5CB85C;
    border-radius: 4px;
    padding: 10px 26px !important;
    color: #ffffff;
}

Hope it helps 🙂

[mahmoud237]

Great … Can I make its width smaller and float the button and the text on it to center ?

[Jade]

Hi there,

I tried to login through the admin but whenever I try to access the homepage, I get asked for a password.

Kindly provide us with the page password so that we could check it further.

[mahmoud237]

This reply has been marked as private.

[Rupok]

Hi there,

Let’s update the code to below :

.x-navbar .mobile .x-nav li.accountbutton > a {
  background-color: #5cb85c;
  border-radius: 7px;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  width: 200px;
}

You can use the native functionality of WordPress to make a page password protected from “Publish” option. There is no need of using an extra plugin for this.

Thanks!

[mahmoud237]

Thank you very much … Worked Perfectly

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts