I have Big disorder in mobile menu

Dear Support team, 

I am using Betheme, my website is: hauzbiz.com. It has 3 different language: English (Main), Arabic and persian language. however, there is a disorder and bugs in all language.

I have big problem with mobile version of my website.
1. when the website open by Mobile there is a big gap between LOGO and Top menu (Or Action Bar) as you can see in this link: [Links visible only for registered users]
How can I remove the action bar (telephones and email) on the top.
I want my menu be the simple as this website menu in mobile: abroadbiz.com [Links visible only for registered users] . as you can see the menu is fix on the Top I have shared the screenshot as below: [Links visible only for registered users]

2. when I scroll down the page, as you can see in the screen shot the Hamburger button located in the middle of page, and when this situation happen, the sidebar menu is not clickable. check the screenshot: [Links visible only for registered users]

3. in the mobile version, how can I add any widget or information in the side menu. for example I want to add some info such as: telephone number, email, call to action etc. [Links visible only for registered users]

4. in the Right to left language pages such as ARABIC and PERSIAN language, in addition to above problem, there is another problem, which is menu icon hover over the LOGO, please check the screenshot.  if you go to hauzbiz.com/ar or hauzbiz.com/fa you will face with the mentioned problem
«1

Comments

  • I have another request:

    how can I make the action button as I show it in the screen red.? I need ccs code to make it red and its font be white. I don't want to change the button type in theme option

  • Hello,

    1. The gap is caused by the menu: [Links visible only for registered users]
    Which is white and cannto be seen. We suggest you use the minimalist option for the mobile menu: theme options>responsive>header
    2. You are showing a link from a different website than the screenshot. Please explain where to look. We checked your website and it works fine. We suggest disablin all plugins and clearing browser cache to see if there are still errors.
    3. You cannot do that. You can only add menu items and the action button.
    4. I do not quite understand. The mobile menu was not set, you ar using the mobile button sticky option: [Links visible only for registered users]
    You should disable it and use the minimalist option with the sticky header option. It is all set in theme options>responsive>header
    5. You can use this CSS
    body.header-plain.button-stroke #Top_bar a.action_button {

    background-color: red;
    }
  • Hi There,

    There is another disorder in Sliding Top, the Icon added in the Sliding Top in the English language is settled in the center however, in the Right to left languages such as Arabic and Persian is dropped out of the triangle. I have added in Screenshot of them

  • Can you enable the "Sliding Top" feature?
    We would like to inspect what is causing that behavior.
    Thanks
  • Yes The Sliding to Feature is enabled however, the icon is not locating in the right place (Center) in the other languages.


  • Oh, sorry I was looking at the [Links visible only for registered users] website.
    Please update your theme to the latest version first.
    Thanks
  • No the website is: HauzBiz.com 

    I updated the theme but nothing change
  • Please use that CSS code to make it centered:

    #Sliding-top a.sliding-top-control span{
    right:-14px !important;
    }
    Thanks
  • Thanks for your kind response. The icon is centered. However, I have found another problem. in the action bar, we have to section,
    1. Top menu
    2. Action button such as Free consultation, Phone number and Email.

    in the Right to left language, the theme system relocate the element to right side from left side and vise versa. However the system but the Top menu in the center and Top Slider cover the Top menu. How can I relocate the Top menu to the left side? I added the screenshots


  • It will help you:
    #Action_bar .social-menu{
    float:left !important;
    }

    A lot of people while using Action Bar are telling us that it should be sticked to the right.
    But, it's really easy to change with that code above.
    Thanks
  • Hi Pablo,

    I have checked my Betheme, changelog.html and it is saying 128 error. I have shared the screenshot could you please check that. 

  • I have some problem as below, please help me to solve my problems

    1. Low mobile score: My 92% of visitors are coming from mobile, however, when I checked with google page insight its give me very low score for mobile. how can I increase the mobile score, for mobile users the website is very slow.

    2. remove footer for specific pages: how can I remove footer for specific page of website?

    3. I am using Muffin builder, how can I use parallex effect in the sections or background?


  • 1) The "changelog.html" file is not made in the Wordpress.
    This page is only made to check what was changed in that version of betheme.
    You can remove that if you want, it won't affect your website.

    2) To increase your page loading, you can disable plugins which are not used, compress images with tinypng.com.
    We suggest not to use some kind of minify plugins.

    3) You can do it using CSS code.
    Of course you can do it with the BeTheme, but you would have to disable the header on website too.

    4) In the section settings, exactly in the "Background | Position" dropdown menu

    Thanks

  • Thank you for your kind response,

    3. As I understood I can't remove footer for specific page, and I can remove footer when I disable header as well. so it is not work for any person or target. always I would need head and main menu.

    I really have a wonder, I have created my content by muffin builder and not Visual composer, but I don't know if google can see my content created by builder. are they index and readable by google? which setting must I do from theme option?
    for example YOAST and another plugin called RANK Math can't see the content in the website and plugins see these pages which created by builder as a empty page. please guide me what to do?
    actually from SEO perspective, when I check Page View Source, the codes of my website is not clean and very mess to get rank in the google. kindly please check the both website as below and see how clean and optimized the first website:

    how can I optimized the website, otherwise whatever I do from SEO perspective, I can't rank among other website. please guide me
    thanks in advance
  • 3) You can only disable the footer and header, not separate.
    So, you can hide both of them or any of them.

    About the content of muffin builder and google visibility.
    Tell me, do you use the Yoast SEO plugin or you just give us an example?
    Because if you do, you have to use the Builder >> SEO functionality.
    More about it here:

    Thanks
  • Thank you very much for your kind feedback. I am wondering what we can do to optimize the code of backend to optimize the web from SEO perspective? Google perefer the code in order and clean order, however if you checked our codes in the frontend, the way google see our code is a bit messed. please check the link of our main page codes.
     
    when I check Page View Source, the codes of my website is not clean and very mess to get rank in the google. kindly please check the both website as below and see how clean and optimized the first website:

    Dear Pablo, 
    is there any idea to optimize the codes 
  • Unfortunately, it's not possible to optimize it/minify it.
    You can only hide it in the "static" file, but it's necessary to do it only when your website is done and do it every time when you change something.
    It just be hidden in "style-static.css" file.
    More about it here:

    Thanks
  • edited July 2019
    Hi Pablo,

    I have few questions:

    1. still now I don't know how to hide the footer or header for specific page? could you please explain how can I hide theme seperately?

    2. when I add testimonial, It doesn't work properly, please check the link which I added testimonial

    3. how can I add CSS font style to fancy heading? I want to add tahoma but I can't
    for Persian pages I would like to add custom font called ¨Tahoma¨ or anything else for pages.
    I think I can add the css code for font in the CUSTOM CSS section for whole the page? 
    please guide me how can I add it

    4. Do you think WP-Optimize is a good plugin for website to be used?
  • 1) You can do it only with the custom css.
    You have to catch the id of certain page (it's in the body tag) and create code like this:
    body.page-id-123 #Footer{display:none !important}

    Remember, that all CSS code should be pasted in the Theme Options > Custom CSS & JS > CSS

    2) Please turn on the parent theme and disable all of the plugins.
    Remember to clear the cache of your browser after that

    3) Did you use the "Font-Family" tag properly?

    4) We cannot recommend any plugins other than the ones we support. You can find the list on this page, in the sidebar:
    [Links visible only for registered users]

    thanks

  • About number 2: after changing to parent theme, I need to diable all plugins and clear the cache of my browser, and then again activate my child theme, am I right?
  • Hi there ,

    1. I can't find the page ID, where can I find it?

    2. I have done it but nothing is changed. I have activated parent theme( Main bethem) then deactivate all plugins, then clear browser cache, then activate child theme and activate all plugins but nothing is changed, same problem.

    3. yes I have added it but nothing is changed. in the custom CSS I added - font-family: ¨Tahoma¨, Arial, Helvetica, sans-serif - but thing changed. Actually If I can change all font of specific page is better, 
    what should I write? what code exactly to change all h1, h2, .... paragraph of the specific page?


  • 1) It's right in the body tag.

    2) No, I meant to switch to parent and test it while the parent theme is enabled.
    It looks like one of your customizations is making this problem

    3) To change the headings font family in betheme you dont have to make any custom css'es.
    Please go to the Theme Options > Fonts > Family and change "Big Headings" value

    Thanks
  • edited July 2019
    2. our customization is doesn't have effect on our theme, we have seperate them all.

    3. As I said before I am going to change the font for specific page not for all. this way you have showed me is for all font. I want to do it for Persian and Arabic font and not for english
    still I didn't received the way

    New Question01:

    I am looking for a READ MORE button, such as in the below link:

    as you can see in the above link there is a READ MORE button, when you click on that you can see the rest of content, do we have this kind of button in our theme?


    02. how can I change the font size of and font of Breadcrumb? 
    [Links visible only for registered users]   you can see there is a breadcrumb but I couldn't find any way to change the font and font size of breadcrumb

    03. in the mobile version the breadcrumb doesn't show? is it a bug?
    thanks in advance
  • Dear Pablo,

    I hope all is well on your end. I didn't receive any response form your side. I hope you didn't forget me
  • Sorry, my job-mate should answer you - He has provided me link to you today and I had already answer for you before you responded right now.
    I'm really sorry for the delay.

    So:
    2) Did you test it as I asked?
    Even if it's separated it could touch some similar settings which are inherited from parent elements.
    I strongly suggest to test it for a moment - remember to clear the cache of your browser after switching the themes.

    3) In this case, you should use HTML tags with inline CSS code to change the font for Persian text.
    The CSS which will be necessary is 'font-family'
    [Links visible only for registered users] - remember, that you have to import the custom font through the Theme Options > Fonts > Custom or use the @font-face rule in Custom CSS code

    New questions:
    1) All available button styles of our theme can be set in the Theme Options > Global > General
    I hope you'll like the "Flat" style
    2) The "Breadcrumbs" font size and font family is the same as the content font.
    If you would like to change it separately, you have to use the Custom CSS code.

    3) No, it's just a for a saving a space on the website.
    Do you want to make it visible on mobile? - I'll make the code for you.

    Thanks
  • edited July 2019
    2. Pablo, each time ı am explaining you the problem, your answer doesn't work. I am just wasting my time. why are you asking again the same question. I have done it. I have told you before. what is the reason you are asking me again I don't understand. I am trying to slove bunch of your theme problem. just look at my ticket even many problem I am facing didn't explain. I am asking you to have join session to explain, no reply from you. I am waiting for weeks and no progress.  can't you see thounds of bugs in your theme. please help me to solve the problem. I am really tired of your theme. If you can't solve them I want to change your theme. the problem is not 1 2 3 it is many and all you answer instead being supporting and helpful, just explaining the problem again. I am not naive in WP please.

    your testimonial have a problem, your header has many problem, dorpdown not working in the action bar, when I changed the language of theme (right to left langugae) your action bar not located in the right place, the breadcrumb as well not located in the right place, the mobile menu buttun in the right to left language not located in the right place, when I active Custom WPML language switcher from betheme option it show in 2 place in mobile version. I am really made at your theme bugs and you are not helpful. how can I go forward? itis long time I am trying to slove my problems

    PABLO can you help me with these problem or not?  please, even I need one peroson to deal with your theme bugs. can we have a join session to solve the problem or NOT? 
  • I already answered the question about the Action Bar in the second topic here:

    Please send us WordPress dashboard access privately thru the contact
    form which is on the right side at
    [Links visible only for registered users] and we will check what
    might be the reason.

    Notice!
    Please attach a link to this forum discussion.

    Thanks
  • Dear Pablo,

    Website: 

    I have one request from you, please try to understand my problems and don't make your default that I am wrong and your theme woking fine. PABLO, it really take my time and energy each time I am explaining you. your theme heading having many problems. I am explaining you as below

    Action Bar Dropdown feature: To be honest it is not normal that the TOP menu (which you call it action bar) doesn't have dropdown feature. I am using different theme and all has dropdown feature. in the beginning even you didn't know that action bar doesn't have drop down feature. the example of dropdown feature in the following link: [Links visible only for registered users]

    Problem01: your theme in the TOP menu, doesn't have dropdown feature.

    Problem02: (Language switcher) When I activate Theme Option/ header & sub header option /Extra/WPML/Custom swticher style/drop down check the link [Links visible only for registered users]    the dropdown language switcher is showing in the mobile menu header check the screenshot: [Links visible only for registered users]   the mobile minimalist is already is on. please don't tell me we should turn it on. it is a bug. the dropdown language swicher need to show just in main menu. 

    Problem03: (Action bar Mess) when I switch from LEFT-TO-RIGHT (English) language to RIGHT-to-LEFT language, how you couldn't noticed that your header and sub-header relocation is totally messed up, and the elements are relocated in the wrong places. it is happening in Persian and Arabic language. 
    The principle is simple and it need to as following: the element locating in the left side, also starting from the left side in the English language,  they need to relocated in the RIGHT side of header and also starting from RIGHT side of header and sub-header in terms of RIGHT-TO-LEFT language. isn't it a simple logic?
    reference link: EN: [Links visible only for registered users]    RIGHT-To-LEFT language: [Links visible only for registered users]     it is the basic logic of multi lingual theme.

    please check your theme which is totally mess in terms of relocation of elements in the action bar
    I draw where the elements need to relocated in Persian and ARABIC language, check the link: [Links visible only for registered users]

    HauzBiz (right-to-left) language link (FA lang): [Links visible only for registered users]
    if you check the referece link you can understand.

    Problem04: (BREADCRUMB) The the breadcrumb is the same, I draw the proper location of the elements [Links visible only for registered users]

    HauzBiz FA (persian) link: 

    but check your theme mess location in breadcrumb: 

    Problem05: in the mobile version of website the main menu icon and logo again has wrong location in the Right-to-left language. it is the same simple principle. the element is located in the left side in EN language, need to relocated in the right side in the Right to left language. 
    please check the mobile version of website how it need to be: [Links visible only for registered users] and [Links visible only for registered users]
    as you can see, the logo and main menu icon is changing their location.

  • I am sharing with you the admin access of our website.

    Problem03: Also check the action bar in the persian language how mess it is: [Links visible only for registered users]

  • Did you send us the WordPress dashboard access privately thru the contact
    form which is on the right side at [Links visible only for registered users] ?

    We are currently working for your login credentials to arrive - after we'll receive it, we will check the problems.
    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.