Mobile version – huge vertical space + menu problem

This topic has 15 replies, 2 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp

  • Avatar: duduibira
    duduibira
    Participant
    September 23, 2016 at 14:06

    http://prntscr.com/clfc01

    theres a huge vertical space above the slide, how do i fox that?

    also, clicking the main menu nothing happens and the menu options do not show.

    thanks

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    September 23, 2016 at 15:23

    Hello,

    The reason is you selected “Solid Colored” option for your slide https://www.dropbox.com/s/zk7phckk0odhmy0/Selection_003.bmp?dl=0 , try to use Main/Background Image and upload your background picture instead of using it as a layer.

    Regards,
    Eva Kemp.

    Avatar: duduibira
    duduibira
    Participant
    September 26, 2016 at 17:27

    hey,
    so i tried what you told me to do… but it is still kinda messed up on mobile version.
    http://boardcamp.com.br/dhiegocorrea/index.php/test/

    i believe it happens because the slider is set for full-screen. i guess a good solution would be to set a custom height for mobile version and crop the layers that overpass this height. is that possible?

    thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    September 26, 2016 at 18:28

    Hello,

    I’ve changed slider layout to “Auto” and set custom slider sizes for desktop and mobile.
    Please check now.

    Regards,
    Eva Kemp.

    Avatar: duduibira
    duduibira
    Participant
    September 26, 2016 at 19:38

    thanks, that helps for future projects… but i think in this case its better i Hide the entire slider when the screen is under 460 px of width…. but i can only find how to disable layers under certain width… so, could you tell me please how to disable the entire slider? thanks eva 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    September 26, 2016 at 20:09

    Hello,

    Please see the screenshot http://storage8.static.itmages.com/i/16/0926/h_1474916952_9458382_61868fa369.jpeg , edit slider settings for mobile layout and set width under which you want to hide the slider.

    Regards,
    Eva Kemp.

    Avatar: duduibira
    duduibira
    Participant
    September 26, 2016 at 20:34

    so, i did that. it hides the slider, but then it shows a huge blank space where the slider should be 🙁

    http://prntscr.com/cmod6n

    this is the page im doing the tests:
    http://boardcamp.com.br/dhiegocorrea/index.php/test-2/

    Avatar: duduibira
    duduibira
    Participant
    September 26, 2016 at 21:27

    also, the menu is still not working on my android cell phone. i click on the menu’s icon but the menu does not show up 🙁

    Avatar: Eva
    Eva Kemp
    Support staff
    September 27, 2016 at 10:33

    Hello,

    Please add this code in Custom CSS for mobile section:

    .page-heading-slider .wpb_revslider_element {
       display: none;
    }

    I’ve enabled the option “Include styles from “Ultimate Addons for Visual Composer” on every page” in Theme Options > General. Clear browser cache and check mobile menu now.

    Regards,
    Eva Kemp.

    Avatar: duduibira
    duduibira
    Participant
    September 27, 2016 at 14:12

    ok thanks, the slider is out on mobile version… but…

    1 – The Menu is still not working on my android cellphone. I click on it and nothing happens

    2 – how do i turn into black the menu/logo background ?? ps: i want it black only for mobile, when there’s no slider under it!

    thanks for the sweet help so far 🙂

    my two questions on the image bellow
    http://prntscr.com/cmy2oc

    Avatar: Eva
    Eva Kemp
    Support staff
    September 27, 2016 at 15:16

    Hello,

    1. Please update the theme to the latest version and the plugins Ultimate VC Addons, Visual Composer, Slider Revolution https://www.8theme.com/download-plugins/

    2. Add this code in Custom CSS for mobile:

    .header-type-3.slider-overlap {
       background-color: black;
    }

    Regards,
    Eva Kemp.

    Avatar: duduibira
    duduibira
    Participant
    October 14, 2016 at 19:05

    dont see the royal theme to download on the page you sent me… only the royal child theme.

    shall i update only the child theme?

    ps: i figured that not only this one: http://boardcamp.com.br/dhiegocorrea
    but also other sites that i designed with the royal child theme ( http://cincobras.com.br and http://sanntalolla.com.br ) have the same problem: on mobile version, menu does not work! i click on the menu icon and nothing happens! but, they were all working fine before!

    ps2: i have made changes on the functions.php file of the child themes… will i lose these changes once i update the child theme?

    thanks

    thanks!

    Avatar: Eva
    Eva Kemp
    Support staff
    October 14, 2016 at 19:32

    Hello,

    You need download the plugins at this page https://www.8theme.com/download-plugins/ . Theme can be downloaded on TF site https://themeforest.net/item/royal-multipurpose-wordpress-theme/8611976 , log in to your account and find the archive in Downloads section.

    You mustn’t update child theme! Update only parent theme!
    Create full backup of the site before starting update process.

    Regards,
    Eva Kemp.

    Avatar: duduibira
    duduibira
    Participant
    October 14, 2016 at 20:16

    ok, already updated all the plugins via ftp… a little confused about the theme updating: do i have to download the entire theme ZIP file (214 MB) then reinstall the theme?

    thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    October 15, 2016 at 09:44

    Hello,

    Please watch our tutorial how to update the theme

    (it’s for Legenda theme but the process is the same).

    You don’t need to reinstall the theme, just overwrite “royal” folder with new version via FTP.

    Regards,
    Eva Kemp.

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.