Hello,

Do you want to change the burger menu color? If yes, then please add this code into your custom css box:

@media (max-width: 979px){
.mobile_small_menu { color: #EFA953 !important;}
}

Edit the color to your wish. Let us know if you need further help.

Best regards!

Hello,

I added this code into your custom css box:

@media (max-width: 480px){
 h2.vc_custom_heading { 
       font-size: 34px !important; 
       line-height: 58px !important;
   }
 .wpb_row.standard_section {
    margin-bottom: 0 !important;
}
}

For the title fonts in mobile. Edit the values to your need.
Also i added this code: .menu-small ul.menu > li > a { color: #949292 !important;} for the mobile menu items font color. Change the color to your wish.

Best regards!

Hello,

I have already responded you regarding this in this other topic of yours: https://support.codeless.co/forums/topic/fixed-image-width/

-Theme is build to be responsive. Meaning it will resize it’s elements according to the new layout until the size of a specific device is reached (in the cases of browser shrink). If you are somewhere in between, like the screenshot above, the menu width will exceed the header width and cause it to slide down. This is usually not an issue because theme is always accessed by either a normal desktop computer/ laptop / ipad or mobile. All of which are devices with specified sizes that are covered by the responsive css code.

Best regards!

Hello,

For this time i am sending your the code to add at your custom css box, but please keep in mind that these are style’s customization that are not included in support forum.
1-To add the logo in sticky header:

.header_11.sticky_header #logo {  display: block  !important;}
.header_11.sticky_header #logo img.dark { 
      height: 85px  !important; 
      top: 97px  !important;
}

2-For the mobile header view:

@media (max-width: 480px){
#logo img { height: 100px !important; top: 100% !important; right: 95% !important;}
.mobile_small_menu { left: 85% !important;}
.mobile_small_menu .close { left: 85% !important;}
.header_transparency header#header { background: rgba(97, 35, 35, 0.48) !important;}
}

Best regards!

Hello,

1-To add a specific sidebar to a certain page, please go to General Options > Custom Sidebars > Pages custom sidebars. Create a sidebar for your page. Then go to Appearance > Widgets and add the widget sidebar to this page’s sidebar.

2-To change the logo used, only for the mobile/ipad version, please add this code into your custom css box:

@media (max-width: 480px){
.snap-drawer .snap-drawer-left #logo img.dark { content: url("https://homointraprendente.it/wp-content/uploads/2015/08/Logo-LOW-trasp-v2.png");}
}
@media (max-width: 979px){ 
.snap-drawer-left  #logo img.dark { content: url("https://homointraprendente.it/wp-content/uploads/2015/08/Logo-LOW-trasp-v2.png");  
  margin-left: -302px !important; 
  margin-top: 4px !important;}
.snap-drawer #navigation nav .menu > li > a {width: 40% !important;}
}

3-Add this code:

@media (max-width: 1195px){ 
header#header #navigation { display: none;}
.mobile_small_menu { display: block;}
}

4-Set a min-height to the blog articles in order to make them align:
.latest_blog .no_carousel .blog-item { min-height: 344px;}
Let us know.

Best regards!