I have Big disorder in mobile menu

2»

Comments

  • I have already sent it. even from support team asked me what is it for!

    I will send the credential access by new password now
  • Dear Pablo,

    please let me know if you get the login credential? i have sent it again
  • edited August 2019
    Glad to hear that you send them.
    I didn't get them yet, but I'll respond you as soon as I get them, with ready answers for your questions.
    Greetings.
  • dear Pablo I send the credential login to you today again because I forgot to attach the link of topic forum.

    today I attach the link as well
  • edited August 2019
    1) Do not confuse the Top Bar with Action Bar, see the difference here:
    And yes, that's true that Action Bar does not support the drop-down menu, when you were settings the menu location you could see the “depth 1” - this means that there are no dropdowns.

    2) These "Flags" are in the Top Bar and Menu - this is normal behavior in BeTheme.
    Of course, we can hide these flags on Top Bar with Custom CSS.
    .mobile-header-mini.header-plain #Top_bar .wpml-languages {display:none !important}

    3) Sorry, indeed this is a Bug, but it's only bugged when you use the custom menu in the "Action Bar", when you use the normal social icons then it's working fine.
    It's gonna be fixed in the next update of BeTheme, for now, please use this CSS to make it work fine.
    body.rtl #menu-top-menu{
    float:left !important;
    }
    4) We didnt get any complains about position of Breadcrumbs yet, so we are not gonna to change it for whole theme.
    For now, we can offer just a Custom CSS code to move it to the right.
    body.rtl .breadcrumbs li{
    float:right !important;
    }

    5) We have to take a deeper look at some of the minimalist header layouts for RTL, we can notice that some of these styles are not working very well.
    Of course, we'll fix it, I cannot promise that it will be in next update, but please use this CSS to fix that:
    body.rtl.mobile-header-mini.mobile-mini-ml-ll #Top_bar a.responsive-menu-toggle{
    right:unset !important;
    left:10px !important;
    }

    body.rtl.mobile-header-mini.mobile-mini-ml-ll .logo{
    float:right !important;
    }
    Thanks
  • Dear Pablo,

    The below problems are left. please help me to solve the problem:

    1. after adding the CSS code, in the mobile version of website still the drop down flag is showing in main menu and sidebar menu. however, it just need to show in the sidebar menu. in the past it was like that

    and in the mobile version the main menu icon hover over the logo. 

    still menu has problem.

    2. please provide me the CSS codes in order to decrease the font size of ACTION BAR menu and BREAD CRUMB font size

    3. the blog page has totally problem. for example check this page: [Links visible only for registered users]


    the same problem for Testimonial 



    Don't know, your company should find a solid solution for the theme problems
  • edited September 2019
    Problems like testimonials and blog are not related to our theme, but your CSS customizations.
    You have 500 lines(!) of Custom CSS provided in style.css file.
    After switching your theme to parent, a lot of your problems disappeared - we are not responsible for your Child Theme.
    We provide support only with parent theme bugs.

    Recently, we uploaded a fix for RTL Mobile Menus and as I see, you didn't update your theme yet, that's why it didn't change.
    Thanks
  • Dear Pablo,

    yes as you have said, the testimonial and blog problem not related to parent theme. 

    please check the problem below:

    1. as you told me I have update the theme however nothing change the same problem. in the parent theme and chid theme is the same problem

    2. could you please give the CSS code in order to decrease the font size of action bar menu and bread crumb?


  • So, the mobile menu on rtl is working fine now:

    Use these CSS to decrease the font sizes:
    #Action_bar{
    font-size:12px !important;
    }

    #Subheader{
    font-size:12px !important;
    }
    Thanks
  • Dear Pablo,
    the English mobile version menu is fine, the problem is in Right to Left language. If you go to persian language you will find what I am talking



    thanks for css codes
  • I'm on RTL and it works fine too.

    Please clear your cache.
    Thanks
  • Dear Pablo,

    After updating the new version of WPML, we have been facing with new problem and technical issue in theme.

    when I try to go some pages in front end of website, and when I am in the WP dashboard I am facing with this error:
    The site is experiencing technical difficulties. Please check your site admin email inbox for instructions.

    however, when I click 2 time, I can update the dash admin panel and can go to specific page
    I have updated the bethem, but I doesn't solve the problem

    I added the screenshot:

    please help me what should I do?

    I have another question:
    how can I increase the font size of mobile version?
  • Hello,
    1) It can be related to your changes.
    Please turn on the Parent Theme of BeTheme and make sure that WPML is the only plugin which is enabled.
    After that, check, if the error displays.

    2) Please use this CSS:
    #Side_slide li a{
    font-size:24px !important;
    }
    Thanks
  • Dear Pablo,

    I don't think it is related to our code, becasue the problem is start to happening after WPML updated yesterday. this problem is happening form yesterday
  • Can you test it?
    We have to be sure - I tested the latest version of the WPML on my local machine and it works fine.
    If it won't resolve your issue, we'll take a further investigation.
    Also, tell me when it happen, only while updating the page?
    Thanks
  • Dear Pablo,

    I was right. I tested now. I change to parent theme and when I try to save CSS code which you gave it to me, the same error
    this is the screenshot. I 100% sure about that
  • We tested it with the twentynineteen theme and it does not work too.
    It's problem related to the WPML and the latest version of Wordpress.

    Please, contact the support of the WPML, and ask him about this problem - do not forget, to tell them that you tested it on the default theme too (twentynineteen)

    They should be able to find and fix the problem, because it's clearly problem related to the WPML plugin.
    Thanks
  • Thanks a lot Pablo.
  • edited September 2019
    Dear Pablo,

    I have a request, I want to
    setup custom Font to RIGHT-to-LEFT language such as Persian and Arabic
    language. in order to do that I need to do as below
    Step1: I need insert the below CSS custom code (you can find it in the below of page
    Step2: need to upload the font zip file that I have
    Step3: I need to tell by code to run this font and css code just for language Right to left ones.

    my Questions:
    1. by
      what code I can indicate theme to run this CSS and font just for RIGHT
      TO LEFT languages such as Arabic and Persian? Where should I right this
      code or I should insert this code? should I use PHP code?
    2. Where should I Upload the font ZIP file?

    @font-face {
        font-family: 'irsns-light';
        src: url('fonts/irsns-light.eot');
        src: url('fonts/irsns-light.eot?#iefix') format('embedded-opentype'),
        url('fonts/irsns-light.woff') format('woff'),
        url('fonts/irsns-light.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    body {
        font-family: irsns-light !important;
    }

    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 {
        font-family: irsns-light !important;
    }  

    .form-control.w-100 {
        font-family: irsns-light !important;
    }

    .header-plain #Top_bar .menu > li > a {
        font-family: irsns-light !important;
    }

    .header-plain.button-stroke #Top_bar a.action_button {
        font-family: irsns-light !important;
    }

    .button-stroke
    a.button.button_theme, .button-stroke a.button.button_theme
    .button_icon i, .button-stroke a.tp-button.button_theme, .button-stroke
    button, .button-stroke input[type="submit"], .button-stroke
    input[type="reset"], .button-stroke input[type="button"] {
        font-family: irsns-light !important;
    }


  • 1) You have to catch the CSS class which is special for RTL languages.
    Notice, that body tag has 'rtl' class in the body tag.

    2) Why do you want to upload a font in zip file? It's not possible at all.
    You have to use the .ttf or .woff extension.
    So, you can import it with @font-face rule (as you've done it) and put it in the Theme Options > Custom CSS & JS or external file with CSS.

    Or by adding the font in Theme Options > Fonts > Custom

    Thanks
  • Dear Pablo,

    I have a few problem 
    question 01: I changed the color of Submenu to dark blue, in the Mega menu there is a vertical line, how can I change color of the vertical line into WHITE

    Question 02: in the classic submenu, there is a line between each item, how can I change the seperator line into white color?


    Question 03: when I use Fancy heading, there is a option to Make it H1 or H2 tag. however, weather the fancy heading is H1 tag or H2 tag, the size of heading doesn't change based on H1 font size and h2 font size? please check the link: [Links visible only for registered users]
    as you can see the first heading is H1 tag, however, the rest of heading are H2, but the font same is same. I want the font size of fancy heading be as same as font size of H tag.

    Question 04: when I use TABLE shortcode in my website, it is totally different from the table showing in your Typography web page https://themes.muffingroup.com/be/theme/shortcodes/typography/# ??
    if you check the link of our page [Links visible only for registered users]
    the table are showing off totally different than the shortcode in your website:

    why the shortcode are showing different?
  • Hey,

    1. Use this CSS to change the line color:
    .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li {
    border-right: 1px solid #fff !important;
    }
    2. Use this css:
    #Top_bar .menu li ul li a {
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid #fff !important;
    }
    3. The size is always the same because the type of the heading is only for SEO. Only css will help.
    .fancy_heading .title {
    font-size: 42px;
    line-height: 42px;
    }

    4. It mostly depends on the main theme style in theme options>global>general. You can also find some options for the table in theme options>global>adavanced.
    thanks
  • Dear Pablo,

    thank you very much. I have another question, can I insert an icon beside the button in the menu?

  • Hi,
    You can add icons to your menu items. Just write this : before the menu item name. This will display a house icon. For more icons look here: http://themes.muffingroup.com/be/theme/shortcodes/typography/#icons
    thanks
  • Bryan,

    above you have mentioned; just write this : before the menu item name, however, you didn't write anything ??? 

    could you please tell me what should I write exactly before menu items?
  • Forum script has recognized is as HTML code and it hide it.
    What he meant, was:
    <i class="icon-home"></i>
    Thanks
  • Dear Pablo,

    can I have a customized BREAD CRUMB for any page. for example

    I want to greate customize breadcrumb which is clickable of each of element
    such as: Home / Buyer guide / property management
    can I do that?
  • Hello,
    Yes, but you would have to set the 'Buyer Guide" as a parent of the "Property Management" element.
    You can do it in while editing that page, on the sidebar:

    Thanks
  • I knew about that but from SEO point of view I can't do that. If I make it parent the URL will be long.

    the URL need to stay same, however, I need to customize the breadcrumb
  • Unfortunately, that's the only way to do it.
    The Breadcrumbs are generated automatically and there is not way to control it in any way.
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.