Okay
  Public Ticket #2931875
theme changes
Closed

Comments

  •  1
    Carlos Haidamous started the conversation
    December 5, 2021 at 10:39pm

    hello 

    I would like to change the cart icon in the theme to a shopping bag icon is that somehow possible or can you please advise me how to do it?

  •  870
    Neuron replied
    December 6, 2021 at 1:55pm

    Hi Carlos,

    Can you please attach here the SVG format of the icon that you want to add, so then I'll provide you with some CSS code that you can add to Appearance > Customize > Additional CSS to change that menu cart icon.

    Feel free to ask for anything you need.

    Kind Regards


  •  1
    Carlos Haidamous replied
    December 6, 2021 at 5:37pm

    thank you for helping out! attached are 2 SVG files in black and white not sure if you need the file in both colors but we are using them both on my website.

    on the other hand, is there a mobile header menu with full-screen design included in the theme? if not is it possible to add one? 

  •  1
    Carlos Haidamous replied
    December 6, 2021 at 6:22pm

    hello, sorry for the inconvenience please use these files instead

  •  870
    Neuron replied
    December 7, 2021 at 4:03pm

    Hi Carlos,

    Can you please add the following code at Appearance > Customize > Additional CSS, and tell me if that is alright?

    .elementor-element-c80fa6a .l-primary-header__bag__icon svg {
   opacity: 0;
}
.elementor-element-c80fa6a .l-primary-header__bag__icon svg:before {
   content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQuMSAyOS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4xIDI5LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjcsOS44YzAtMi42LDAtOC42LTQuNi04LjZzLTQuNiw2LTQuNiw4LjYgTTIzLDI3LjRMMjEuOCw4LjZjLTAuMS0wLjUtMC41LTEtMS0xSDMuNWMtMC41LDAtMSwwLjQtMSwxDQoJCUwxLjIsMjcuNGMwLDAuMywwLjEsMC41LDAuMiwwLjhjMC4yLDAuMiwwLjQsMC4zLDAuOCwwLjNoMTkuOWMwLjQsMCwwLjktMC40LDAuOS0xQzIzLDI3LjQsMjMsMjcuNCwyMywyNy40TDIzLDI3LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
}
.elementor-element-fa153cd  .l-primary-header__bag__icon svg {
   opacity: 0;
}
.elementor-element-fa153cd  .l-primary-header__bag__icon svg:before {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQuMSAyOS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4xIDI5LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjcsOS44YzAtMi42LDAtOC42LTQuNi04LjZzLTQuNiw2LTQuNiw4LjYgTTIzLDI3LjRMMjEuOCw4LjZjLTAuMS0wLjUtMC41LTEtMS0xSDMuNWMtMC41LDAtMSwwLjQtMSwxDQoJCUwxLjIsMjcuNGMwLDAuMywwLjEsMC41LDAuMiwwLjhjMC4yLDAuMiwwLjQsMC4zLDAuOCwwLjNoMTkuOWMwLjQsMCwwLjktMC40LDAuOS0xQzIzLDI3LjQsMjMsMjcuNCwyMywyNy40TDIzLDI3LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

    Feel free to ask for anything you need.

    Kind Regards


  •  1
    Carlos Haidamous replied
    December 8, 2021 at 10:41am

    my developer said the cart icon is disappearing but nothing else is showing up there are no new icon.

    Can you please double-check the code?

    also, is there a full-screen mobile menu included in the theme? I mean the menu that pops up on mobile when taping on the burger icon, to cover the whole screen.

  •  870
    Neuron replied
    December 8, 2021 at 10:57pm

    Hi Carlos,

    1) Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

    2) Can you please take a look at the following video tutorial on how to create an overlay menu?

    Feel free to ask for anything you need.

    Kind Regards


  •   Carlos Haidamous replied privately
  •  870
    Neuron replied
    December 9, 2021 at 6:30pm

    Hi Carlos,

    Can you please remove the code that you've added before and add the following one instead?

    .elementor-element-2857a28  .l-primary-header__bag__icon svg {
   display: none !important;
}
.elementor-element-2857a28 .l-primary-header__bag__icon:before {
   content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQuMSAyOS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4xIDI5LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjcsOS44YzAtMi42LDAtOC42LTQuNi04LjZzLTQuNiw2LTQuNiw4LjYgTTIzLDI3LjRMMjEuOCw4LjZjLTAuMS0wLjUtMC41LTEtMS0xSDMuNWMtMC41LDAtMSwwLjQtMSwxDQoJCUwxLjIsMjcuNGMwLDAuMywwLjEsMC41LDAuMiwwLjhjMC4yLDAuMiwwLjQsMC4zLDAuOCwwLjNoMTkuOWMwLjQsMCwwLjktMC40LDAuOS0xQzIzLDI3LjQsMjMsMjcuNCwyMywyNy40TDIzLDI3LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  position: absolute;
  left: -24px;
  top: -12px;
  width: 16px;
  height: 16px;
}
.elementor-element-fa153cd  .l-primary-header__bag__icon svg {
    display: none !important;
}
.elementor-element-fa153cd  .l-primary-header__bag__icon:before {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQuMSAyOS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4xIDI5LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjcsOS44YzAtMi42LDAtOC42LTQuNi04LjZzLTQuNiw2LTQuNiw4LjYgTTIzLDI3LjRMMjEuOCw4LjZjLTAuMS0wLjUtMC41LTEtMS0xSDMuNWMtMC41LDAtMSwwLjQtMSwxDQoJCUwxLjIsMjcuNGMwLDAuMywwLjEsMC41LDAuMiwwLjhjMC4yLDAuMiwwLjQsMC4zLDAuOCwwLjNoMTkuOWMwLjQsMCwwLjktMC40LDAuOS0xQzIzLDI3LjQsMjMsMjcuNCwyMywyNy40TDIzLDI3LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  position: absolute;
  left: -24px;
  top: -12px;
  width: 16px;
  height: 16px;
}

    Feel free to ask for anything you need.

    Kind Regards


  •  1
    Carlos Haidamous replied
    December 9, 2021 at 6:52pm

    sure! thanks for helping out. I will add it and get back to you

  •  870
    Neuron replied
    December 9, 2021 at 9:40pm

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


  •  1
    Carlos Haidamous replied
    December 10, 2021 at 12:49pm

    should this code change the icon automatically on all pages? because it is changing on most of them but not all of them please let me know if there's something we should do

  •  870
    Neuron replied
    December 10, 2021 at 11:11pm

    Hi Carlos,

    I'm seeing that you've created another header and you're displaying it on the "About" page, so please add also the following code to change the icon for that header template.

    .elementor-element-c80fa6a  .l-primary-header__bag__icon svg {
   display: none !important;
}
.elementor-element-c80fa6a .l-primary-header__bag__icon:before {
   content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQuMSAyOS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4xIDI5LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjcsOS44YzAtMi42LDAtOC42LTQuNi04LjZzLTQuNiw2LTQuNiw4LjYgTTIzLDI3LjRMMjEuOCw4LjZjLTAuMS0wLjUtMC41LTEtMS0xSDMuNWMtMC41LDAtMSwwLjQtMSwxDQoJCUwxLjIsMjcuNGMwLDAuMywwLjEsMC41LDAuMiwwLjhjMC4yLDAuMiwwLjQsMC4zLDAuOCwwLjNoMTkuOWMwLjQsMCwwLjktMC40LDAuOS0xQzIzLDI3LjQsMjMsMjcuNCwyMywyNy40TDIzLDI3LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  position: absolute;
  left: -24px;
  top: -12px;
  width: 16px;
  height: 16px;
}

    Feel free to ask for anything you need.

    Kind Regards


  •  1
    Carlos Haidamous replied
    December 10, 2021 at 11:17pm

    thank you I will ask my developer to add it

    the new Icon is also not appearing on mobile I think we have a separate header for that as well can you please send us a code for this.

    thank you

  •  870
    Neuron replied
    December 13, 2021 at 1:22pm

    Hi Carlos,

    I am very sorry for the late reply, we were not working on the weekend.

    Can you please add also the following code to change the icon for the mobile header template?

    .elementor-element-278e7b3 .l-primary-header__bag__icon svg {
   display: none !important;
}
.elementor-element-278e7b3 .l-primary-header__bag__icon:before {
   content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQuMSAyOS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4xIDI5LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjcsOS44YzAtMi42LDAtOC42LTQuNi04LjZzLTQuNiw2LTQuNiw4LjYgTTIzLDI3LjRMMjEuOCw4LjZjLTAuMS0wLjUtMC41LTEtMS0xSDMuNWMtMC41LDAtMSwwLjQtMSwxDQoJCUwxLjIsMjcuNGMwLDAuMywwLjEsMC41LDAuMiwwLjhjMC4yLDAuMiwwLjQsMC4zLDAuOCwwLjNoMTkuOWMwLjQsMCwwLjktMC40LDAuOS0xQzIzLDI3LjQsMjMsMjcuNCwyMywyNy40TDIzLDI3LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  position: absolute;
  left: -24px;
  top: -12px;
  width: 16px;
  height: 16px;
}

    Feel free to ask for anything you need.

    Kind Regards


  •  1
    Carlos Haidamous replied
    December 15, 2021 at 12:21pm

    all fixed thank you!

  •  870
    Neuron replied
    December 15, 2021 at 9:27pm

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes