I have Big disorder in mobile menu

sixpackh · June 2019

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: https://www.dropbox.com/s/8z1ed4i3zdnoho3/02.jpg?dl=0

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 . as you can see the menu is fix on the Top I have shared the screenshot as below: https://www.dropbox.com/s/fnhxp2eunsn57r0/Image-1.jpg?dl=0

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: https://www.dropbox.com/s/fnhxp2eunsn57r0/Image-1.jpg?dl=0

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. https://www.dropbox.com/s/hcvfdf431yvpoil/03.jpg?dl=0

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

https://www.dropbox.com/s/b541x6860kv4fzz/04.jpg?dl=0

https://www.dropbox.com/s/zct5b9j931pq4t3/05.jpg?dl=0

Regards

sixpackh · June 2019

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

https://www.dropbox.com/s/7a31059449hv8mw/Screenshot 2019-06-19 23.50.44.png?dl=0

Bryan · June 2019

Hello,

1. The gap is caused by the menu: http://prntscr.com/o4abx0

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: http://prntscr.com/o4afzb

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;
}

sixpackh · June 2019

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

https://www.dropbox.com/s/cswyc02dofjqwja/Screenshot 2019-06-27 20.41.07.png?dl=0

https://www.dropbox.com/s/6nadg4far2ej8qk/Screenshot 2019-06-27 20.40.51.png?dl=0

Pablo · June 2019

Can you enable the "Sliding Top" feature?

We would like to inspect what is causing that behavior.

Thanks

sixpackh · June 2019

Yes The Sliding to Feature is enabled however, the icon is not locating in the right place (Center) in the other languages.

https://www.dropbox.com/s/eqbcpt9r6yb0wxu/Screenshot%202019-06-28%2013.39.06.png?dl=0

Pablo · June 2019

Oh, sorry I was looking at the https://www.abroadbiz.com/ website.

Please update your theme to the latest version first.

Thanks

sixpackh · June 2019

No the website is: HauzBiz.com

I updated the theme but nothing change

Pablo · July 2019

Please use that CSS code to make it centered:

#Sliding-top a.sliding-top-control span{
	right:-14px !important;
}

Thanks

sixpackh · July 2019

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

https://www.dropbox.com/s/4qbkxwwbja2qtmr/Screenshot 2019-07-03 18.17.32.png?dl=0

https://www.dropbox.com/s/v4dvq8i7e1vad68/Screenshot 2019-07-03 18.22.00.png?dl=0

Pablo · July 2019

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

sixpackh · July 2019

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.

https://www.dropbox.com/s/sou13rdxky9os1t/Screenshot 2019-07-06 15.36.28.png?dl=0

sixpackh · July 2019

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.

https://developers.google.com/speed/pagespeed/insights/?url=https://www.hauzbiz.com/&tab=desktop

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?

Pablo · July 2019

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

http://prntscr.com/obztw7

Thanks

sixpackh · July 2019

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:

1. view-source:https://istanbul.imtilak.net/en

2. view-source:https://www.hauzbiz.com/

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

Pablo · July 2019

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:

https://forum.muffingroup.com/betheme/discussion/33972/yoast-seo-and-muffin-builder-builder-seo#latest

Thanks

sixpackh · July 2019

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.

https://www.dropbox.com/s/zxb8leuw68hppy8/Screenshot%202019-07-09%2011.19.58.png?dl=0

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:

1. view-source:https://istanbul.imtilak.net/en

2. view-source:https://www.hauzbiz.com/

Dear Pablo,

is there any idea to optimize the codes

Pablo · July 2019

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:

https://themes.muffingroup.com/betheme/documentation/#static-css

Thanks

sixpackh · 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

https://www.hauzbiz.com/property-for-sale-in-turkey-landing/

file:///var/folders/1q/4pmwcbt11r1dgzyd1tf_d7j80000gn/T/dbxl67md7uv4.html#

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?

https://www.dropbox.com/s/wzuar99dziepqdx/Screenshot%202019-07-09%2015.48.16.png?dl=0

please guide me how can I add it

4. Do you think WP-Optimize is a good plugin for website to be used?

Pablo · July 2019

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?

https://www.w3schools.com/cssref/pr_font_font-family.asp

4) We cannot recommend any plugins other than the ones we support. You can find the list on this page, in the sidebar:
https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048

thanks

sixpackh · July 2019

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?

sixpackh · July 2019

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?

Pablo · July 2019

1) It's right in the body tag.

http://prntscr.com/oczqcn

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

http://prntscr.com/oczrkr

Thanks

sixpackh · 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:

https://istanbul.imtilak.net/en/apartments-for-sale-istanbul

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?

https://www.dropbox.com/s/ufffthkca54po4b/Screenshot%202019-07-12%2012.57.11.png?dl=0

02. how can I change the font size of and font of Breadcrumb?

https://www.hauzbiz.com/property/shine-park/ 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

sixpackh · July 2019

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

Pablo · July 2019

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.

https://www.codecademy.com/articles/html-inline-styles - it will surely help you.

The CSS which will be necessary is 'font-family'

https://www.w3schools.com/cssref/pr_font_font-family.asp - 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

https://www.w3schools.com/csSref/css3_pr_font-face_rule.asp

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

http://prntscr.com/ofqglg

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

sixpackh · 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?

Pablo · July 2019

I already answered the question about the Action Bar in the second topic here:

https://forum.muffingroup.com/betheme/discussion/48490/there-is-no-dropdown-option-in-top-menu#latest

Please send us WordPress dashboard access privately thru the contact
form which is on the right side at
http://themeforest.net/user/muffingroup#contact and we will check what
might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

sixpackh · August 2019

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: https://www.abroadbiz.com/tr/

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 https://www.dropbox.com/s/hfd7wvuzzaif7je/Screenshot%202019-08-01%2019.54.55.png?dl=0 the dropdown language switcher is showing in the mobile menu header check the screenshot: https://www.dropbox.com/s/dhq4k7laxl8n95k/Screenshot%202019-08-01%2019.58.45.png?dl=0 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: https://www.abroadbiz.com/ RIGHT-To-LEFT language: https://www.abroadbiz.com/fa/ 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: https://www.dropbox.com/s/509e0chzrw8q6lj/Screenshot%202019-08-01%2020.24.06.png?dl=0

Hauzbiz EN link: https://www.hauzbiz.com/

HauzBiz (right-to-left) language link (FA lang): https://www.hauzbiz.com/fa/

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 https://www.dropbox.com/s/wmows2sp37lna8w/Screenshot%202019-08-01%2020.27.40.png?dl=0

Haubiz EN link: https://www.hauzbiz.com/turkish-citizenship-by-investment/

HauzBiz FA (persian) link:

https://www.hauzbiz.com/fa/%d8%b4%d8%b1%d8%a7%db%8c%d8%b7-%d8%a7%d8%ae%d8%b0-%d8%b4%d9%87%d8%b1%d9%88%d9%86%d8%af%db%8c-%d9%88-%d9%be%d8%a7%d8%b3%d9%be%d9%88%d8%b1%d8%aa-%d8%aa%d8%b1%da%a9%db%8c%d9%87/

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: https://www.abroadbiz.com/ and https://www.abroadbiz.com/fa/

as you can see, the logo and main menu icon is changing their location.

in our theme https://www.dropbox.com/s/b0gs82z5qc9cci9/Screenshot%202019-08-01%2020.48.07.png?dl=0

sixpackh · August 2019

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: https://www.hauzbiz.com/fa/

see the screenshot https://www.dropbox.com/s/eq0gauoey1tatf3/Screenshot%202019-08-01%2020.57.39.png?dl=0

Pablo · August 2019

Did you send us the WordPress dashboard access privately thru the contact
form which is on the right side at http://themeforest.net/user/muffingroup#contact ?

We are currently working for your login credentials to arrive - after we'll receive it, we will check the problems.

Thanks

I have Big disorder in mobile menu

Comments