Hello,

For the mobile menu icon in ipad, please go to file tower/css/bootstrap-responsive.css (use a ftp ci=onnection or cpanel) and find these lines:

.background--dark nav .menu > li > a, .background--dark header#header .header_tools .vert_mid > a, .background--dark header#header .header_tools .vert_mid .cart .cart_icon, .background--dark .slicknav_btn:after, .background--dark .mobile_small_menu{
    color:#222 !important;
  }

Remove the !important from it and save changes.

2-Please deactivate parallax for slider. Then go to your slider’s slides options: Codeless slide options > Background > Background Image/Color > Background Attachments set it to ‘scroll’.
This should solve the ipad issue.
Let us know how it will go.

Best regards!

• This reply was modified 8 years, 11 months ago by Mirela.

Hello,

Please add this code into your custom css box:

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

Can you please add your wp login information in your profile? So we can give a closer look to the slider issue.

Read this article for more information.

Best regards!

Hello,

Thank you for contacting us.
Did you add any custom code before? I see there is some css changing the logo in mobile (screenshot) and the menu (screenshot). Please remove them and add this code into your custom css box, located in General Options > Custom Css Box:

@media (max-width: 480px){
#logo img.dark { 
    width: 90%;
    margin-left: 41px;
}
.mobile_small_menu { margin-left: 15px !important;}
}
@media (max-width: 979px){
.mobile_small_menu {
    margin-left: 25px;
}}

Result in iphone 5 (screenshot)
Let us know if you need further help.

Kind regards!

Hello,

That’s because the mobile menu only show’s up when the screen dimension is of the mobile size. That’s smaller than 767px. Ipad has bigger screen dimension so the normal menu is displayed.
I suggest you go to General Options > Header Options > Menu Options > Menu Items padding/margin, decrease the values until the width of your menu fits the header size in ipad landscape layout.
Let us know if you need further help.

Happy Holidays!

Hello,

The “Show Responsive Menu Dropdown” option is to display menu in mobile. Do you want to remove the drop-down menu items from the normal layout (desktop)? In this case the fastest way is to remove them from menu altogether. Go to Appearance > Menus, and edit your main menu.

I don’t see any sub-menus in your site. Are you perhaps referring to the extra side navigation? See screenshot. In this case go to General Options > Layout > Extra Side Navigation, set it OFF.

Let us know.

Best regards!

Hello,

I see the mobile menu displays as it should in ipad portrait mode. In ipad landscape, the normal menu is shown. If you want to align the normal menu, please add this code into your custom css box:

@media (max-width: 1100px) and (min-width: 981px) {
nav .menu > li {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
}

Result screenshot: https://pho.to/AYRHf

Or if you want to have the mobile menu here as well, then add this code instead:

@media (max-width: 1100px) and (min-width: 981px) {
.mobile_small_menu { display: block;}
header#header #navigation { display: none;}
#logo img { padding-left: 64% !important;}
}

Result screenshot: https://pho.to/AYRJ8

Let us know.

Best regards!

Hello,

Please know that i did not change the mobile menu style. It was already set to Side Menu since i checked it. The only changes made are the custom css that i already informed you in my last reply.
You probably didn’t see it since you couldn’t find the menu icon in mobile.

The menu style with black background and menu items in the middle is a desktop style. It is not available for the mobile. You can find the two mobile menu styles in General Options > Header Options > Responsive Menu style (screenshot).
So changing the mobile menu drop-down from Simple to Side Menu does not affect the desktop style at all! You still have the black background menu style in desktop/ipad landscape layout.

-Side menu letters: Please know that this is the menu style by default. If you do not like it and want to change it, then this another thing. I will help you customize it by providing the right custom css code, but you have to know that it is definitely not a mistake.

Please add this code in order to change the characters font size and padding:

@media (max-width: 979px){
.snap-drawer #navigation nav .menu > li > a {
    line-height: 40px !important;
    font-size: 13px !important;
    padding-left: 5% !important;
}}

Edit the values to your wish.

Best regards!