Hello,

Yes, sure. Inside the @media (max-width: 1055px) rule, add this code as well:

header#header {
    background-color: white !important;
}

So the result code with be:

@media (max-width: 1055px){
.mobile_small_menu {
    display: block !important;
}
#navigation {
    display: none !important;
}
#logo {
    float: right !important;
}
header#header {
    background-color: white !important;
}
}

Best regards!

Hello,

I tried adding this code via inspect element:

@media (max-width: 1055px){
.mobile_small_menu {
    display: block !important;
}
#navigation {
    display: none !important;
}
#logo {
    float: right !important;
}}

And this is the result: https://postimg.org/image/dev31vmdx/
Can you please try again? make sure to not have any errors in previous code that could interfere with the right execution of this block.
Let us know.

Best regards!

Hello,

Sorry but this is theme’s mobile menu default style. To apply such change requires coding that is not included in support. I suggest you hire a developer to do the changes for you.

Best regards!

Hello,

Please go to General Options > Header Options > Dropdown Options & Mobile Menu, change the background color here.
Let us know if you need further help.

Best regards!

Hello,

Please add this code into your custom css box in General Options:

@media (max-width: 1050px){
header#header #navigation {display: none !important;}
.mobile_small_menu {display: block !important;}
#logo { margin-left: 40% !important;}
}

Let us know.

Best regards!

Hello,

This is the responsive header style! You will see it in almost 99% of all available websites. When the screen size is smaller than the menu width, the mobile layout takes over. Where the menu is replaced with the mobile menu icon (three bars menu). It will unfold the menu items when tapped over (mobile) or clicked on (computer).

This is not an issue. You you want to change this, it’s ok. But we recommend you use custom css (in Additional CSS menu) or a child theme. So you won’t lose the changes in case of future theme updates.
Let us know.

Best regards!

Hello,

You can change the mobile layout of the slider in it’s options. See screenshot: https://postimg.org/image/oe3u6catx/
Go to the desired slide, select mobile icon and start editing the slide. Save changes. Increase further the title’s line-height if you want (I already moved the first title up) Clear cache to see changes reflected sooner.

Can you please be more specific on the updates? I already send you the link to download the latest WP Bakery plugin in the last reply.
The included plugins have extended licenses. This means they can be used by any one purchasing our theme as long as they use the version included in theme folder. To use them, just install plugin from Plugins menu and activate again from the Plugins menu. This is enough to use the sliders normally. There is no need to activate it in the slider’s options.

The only restriction of this type of licence is that you can not update it on your own terms.
The rules of the marketplace don’t allow us to give the plugin activation code. You can use the existing version without any problem. We update frequently all theme plugins to their latest versions in almost every theme release or in case when an urgent update is needed. So they are always fully compatible with the current theme version.

If you want to buy a license by yourself this is allowed, but we thought that this isn’t needed because the version included works perfectly.
You are free to make the choice that best fits your needs.

Best regards!

Hello,

You have an error in your site in the re-captcha script. See screenshot: https://ibb.co/fuJE37

1-2-The mobile layout is an independent layout from the desktop one. By default the logo is positioned right and responsive hamburger menu left. There is no error here. To change the logo width, footer social icons positioning and titles under the video in mobile, please add this code into your custom css box:

@media (max-width: 480px){
#logo img {
    max-height: 128px !important;
    margin-top: -70px !important;
    right: 35% !important;
}
footer#footer .inner .row-fluid.ff .span12:first-child:last-child .footer_social_icons {
left: 70% !important;
}
h2 {
    line-height: 30px !important;
    font-size: 18px !important;
}
}

Change the values to your wish!

3-Can i see a link of the “menu Capoeira-Batizado with the photo”?
4-Theme is mobile friendly (responsive).You can check it out yourself seeing the changes in the layout (adjusting to mobile screenwidth) when you open the site via mobile.
I searched the site in google engine and did not get any responsiveness message. Can you post a screenshot of it?

NOTE: Please open new ticket for new questions! This topic is already overloaded and away from it’s original purpose.
In order to have a clean and easy to browse forum, it’s best to keep one topic per issue. Also keep all replies public, unless private data is used, so it will be beneficial for other forum visitors as well.

Thank you for your understanding!

Best regards!

Hello,

To remove the CL Actions for mobile only, please add this code into your Additional Css menu:

@media(max-width: 480px){
.shop-products .product_item.style_normal:hover .cl-actions {
    opacity: 0 !important;
}}

But you still need to touch the title of the product to go to the product page. The image is not a link. To set it as link, you will need to edit them files.
Let us know.

Best regards!