Docs

[Advasa]

Hello

I would like to hide the .x-icon-plus-circle on mobile devices. The reason for this is that I have changed it to an image and it covers the menu icon.

Alternatively is the a way to move the mobile menu icon to left?

Thanks

Justin

[Advasa]

This reply has been marked as private.

[Rupok]

Hi Justin,

You have already replaced the icon with an image and there is no icon right now. So not sure what you are referring. However you can move the mobile menu icon to left but there is logo. So it would be better if you place it on center. You can use the below code :

.masthead-inline .x-btn-navbar {
  display: block;
  float: none;
  margin: 20px auto;
  width: 50px;
}

Hope this helps.

[Advasa]

Hi Rupok

Apologies for the confusion, I am referring to hiding the image when the site is accessed using a mobile phone. In other words I want it to show on all devices other then mobile.
Is there a way to do this?

I tried the code you gave me but it didn’t work properly, it made the menu icon appear on desktop above my menu.

Thanks

Justin

[Christopher]

Hi there,

Please find this code :

.x-icon-plus-circle:before {
    content: url("http://beatfinance.com.au/wp-content/uploads/2016/08/Header-Widget-Bar1.png");
    color: white;
}

And update it to :

@media (min-width:979px){
.x-icon-plus-circle:before {
    content: url("http://beatfinance.com.au/wp-content/uploads/2016/08/Header-Widget-Bar1.png");
    color: white;
}
}

Hope it helps.

[Author]

Posts