Hello,

1-Please add this code into your custom css box:

@media (max-width: 480px){
.header_10 #logo {
    left: 9% !important;
}}

Result screenshot: https://pho.to/AgtHh
If you need to make logo even smaller after this, than add this code as well inside the @media rule:

#logo img {
    max-height: 42px !important;
}

It will become like this:

@media (max-width: 480px){
.header_10 #logo {
    left: 9% !important;
}
#logo img {
    max-height: 42px !important;
}}

Edit the values to your wish.

-The top header is not visible in mobile by default. You can make it show, using custom css, but since you have two custom menus set in it, they will display as mobile menu as well. Making it look weird and not that functional(screenshot). If you still need to show it, i suggest you first add text widgets into it.

Best regards!

Hello,

This is the Extra Side Navigation. You can find it in General Options > Layout > Extra Side Navigation. Just set the option OFF, to remove it.
Even though they have the same icon, the mobile menu and extra navigation are not the same thing. The extra navigation is an additional sidebar. As such you can add content into it using widgets. Just go to your Appearance > Widgets and add widgets to “Extra Side Navigation”.
To remove it, set it off as instructed above.
Let us know.

Best regards!

Hello,

1-Sorry but this is a personal customization that requires time and it’s not supported from us. To create it you need to add custom js code.

2-To have a different logo for the mobile please refer to this related topic:
https://support.codeless.co/?topic=mobile-logo-menu-color-change
Let us know.

Best regards!

Hello,

Please try to add this code into your custom css box:

@media (max-width: 480px){
.mobile_small_menu { left: 80% !important;}
#logo { float: left !important;}
footer#footer a:hover, aside ul li:hover:after { color: #444 !important;}
}

Result screenshot: https://pho.to/AgbGh
Let us know.

Best regards!

Hello,

I added this code into your custom css box:

@media(max-width: 480px){
.codeless_slider .swiper-slide .content h1 {
    padding-left: 55px !important;
}}

To add padding to the slider’s titles. I don’t see any other issue with the slider(screenshot). It is resizing ok in mobile. Are you not referring to this? Can i see a screenshot of it?

-I added this code:

.menu-small ul.menu > li > a {
    color: #0c0707 !important;
}

to change the color of mobile menu titles.
There is a js error in your site. Please deactivate all third party plugins and try again. Let us know if the issues persists.

PS: Yes, i can guarantee that the information is private. To test this, just check other users profiles (click on the name), you will see that you will not be able to see any login data in no one of them.

Best regards!

Hello,

2-You had an error in your custom css code in General options. That was stopping the rest of the code to take effect. Also the snipped code i send you in last reply (point 2) which takes care of the horizontal scrolling, was not present. I added it now and the issue is gone.

3-I added other code to reposition the logo. But for it to take effect you have to go to file css/bootstrap-responsive.css and find these lines:

  #logo{
     float:right;
     left:0 !important;
     right:0 !important;
     -webkit-transform: none !important;
     -moz-transform: none !important;
     -ms-transform: none !important;
     -o-transform: none !important;
     transform: none !important;
  }

Edit this line: left:0 !important; to this: left:0; and save.

4-I added this code into your custom css box:

@media (max-width: 480px){
.viewport {
    overflow-x: hidden !important;
}
 #logo {
     top: -44px !important;
     left: 9% !important;
     width: 87% !important;
 }   
  .mobile_small_menu {
    color: white;
    margin-top: -32px !important;
}  
nav .menu > li > ul.sub-menu, nav .menu > li > ul.sub-menu ul {
    display: block !important;}
    .snap-drawer nav .menu li > ul.sub-menu li {
    padding-left: 0px !important;}
}

Please check your site.

Best regards!

Hello,

1-There are two styles of socials for you to select from for the top navigation area. Simple and Circle. If you want you can change them using custom css. Like you already did.

2-I need to check the configurations made for the mobile menu. It is not working correctly. Add this code into your csutom css box:

@media (max-width: 979px){
#snapcontent .viewport {
    overflow-x: hidden;
}}

To remove the horizontal scrolling.

3-It’s best to keep the logo at 200px wide, but you can always modify it using custom css. The border around the site is due to the boxed layout you have selected for it.
If you add the custom css i wrote above, the scrolling horizontally will be gone.

PS: There is nothing i can do with these much access rights. If you want our help, then grand admin rights to the login user.

Best regards!

Hello,

The mobile menu code is not present in your site. This means it’s not set up to display. Please go to General Options > Header Options > Show Responsive Menu Dropdown, set it ON.
Let us know if you still can not see the menu.

Best regards!