My Overlay Menu Background and Colors Do Not Update

ipozharliev · April 2018

The biggest problem in this theme for me is causing the menu. I can not customize the buy now button and can not change the overlay color scheme as it become static. This issue is causing me to limit my functionalities and have to adjust color. I need immediate support.

Bryan · April 2018

Hi,
What you are referring to is the action button. Please go to theme options>header&subheader>extras and change the action button. See here: http://prntscr.com/fb1egt
We sometimes also add the 'BUY NOW' button as the last menu item, be sure to go to apperance>menus and check there as well.

Make sure that in theme options>colors>general there is no color skin selected. If it is, you will be not able to change individual colors.

cheers

ipozharliev · April 2018

I want to turn the Buy Now button into a button with a border and set up the border color like this button https://speckyboy.com/wp-content/uploads/2014/04/border.png. Unfortunately I do not see that option.

There is no option to adjust the hight of the Menu Bar that is also an issue. Therefore my images look huge compared with the menu bar.

Bryan · April 2018

HI,
the menu bar height can be controlled. Go to theme options>global>logo. When you change the logo height or the vertical padding on it then it will also change the height of the header.

To turn on the stroke style, go to theme options>global>general and change the button style.
thanks

ipozharliev · April 2018

Hi,

Thank you for this clarification.

1. Reducing Menu Bar - Regardless of how small I make the logo the menu bar does not shrink accordingly there is too much padding and I can not remove it. I believe you have a minimum of 60px padding on the menu bar. Can that somehow be reduced?

2. Stroke Button - When changing the style globally all the button in my page become with a stroke not only the one in the menu. Therefore please give me instruction how to apply it only to the Menu. Also I can not change specifically the button stroke size and stroke color.

None of these are available exclusively.

ipozharliev · April 2018

Also another thing that it is not working properly is the footer.

I add this the following Custom Html in the Footer #2 Column but the text does not appear as hyperlinks.

<h6 id="#services">Services</h6>

<h6 href="https://clearei.com">Media</h6>

The only way to add a Navigational Bar to the footer is by adding a navigation menu widget. Unfortunately the formatting is very limited as they appear as bullet points. I can not change their color, font size etc.

Bryan · April 2018

1. The menu bar height is se to be 60px in height minimal and there is not much that can be done.
2. The style is global and you cannot have it available exclusively.
3. You cannot add link to any HTML element you want, you need to use <a>
Do it like this:
<h6><a href="#">HOW</a></h6>

thanks

ipozharliev · April 2018

Thank you for clarifying the above things. Than I have two new questions to ask you.

1. How should I make it on one pager in that case:

<h6><a id="#">HOW</a></h6> ?

Since currently I am using a one pager for the website theme.

2. Furthermore I change the Favicon in the menu you pointed out and made it exactly the same style but the favicon does not change. Here is link to how it looks in Safari https://ibb.co/c0hCxS

It looks fine in Chrome since the icon is shown in the tool bar rather than in the URL.

Bryan · April 2018

1. The id has to be assigned to a section, then you just have to do this:
<h6><a href="#myID">HOW</a></h6> and it will scroll to the section.
You should also add the class="scroll" if you want custom links to be scrolling.
<h6><a class="scroll" id="#myID">HOW</a></h6>
2. Please read this topic:
http://forum.muffingroup.com/betheme/discussion/38191/site-icon-do-not-dispaly-properly-in-chrome#latest

ipozharliev · April 2018

1. I did what you asked me and I took the ID directly from the section. You can see my menu works fine but that is not the case with the footer. http://clearei.com/

My code for the section is as follows

Here is an image of how I have build it in the widget https://ibb.co/f3Adrn

2. I just uploaded it and have to wait a bit to see this with the flavicon works.

3. I would like to make my logo .svg for retina purposes. I already read this thread https://forum.muffingroup.com/betheme/discussion/29104/svg-logo

Unfortunately my issue is that once I open the media library through any of the logos availability in General/Logo than the .svg file or any .svg file is not there. Which is quite odd.

4. The favicon is not working on mac now take a look here: https://ibb.co/mYXyP7

Bryan · April 2018

It is wordpress that does not allow it, you can use svg files but they could require some more work.
The HOW link in the menu works fine, http://prntscr.com/j6xwp1
Where is the custom HTML that you pasted here?
thanks

ipozharliev · April 2018

You are answering only one out of 4 questions and your are not even looking at the right content. Talking about FOOTER the entire time. Talking about WIDGETS and you are talking to me about menu.

HERE IS THE FOOTER https://ibb.co/dYhwWn

Please read carefully before you answer. Can I get live support if possible because this is taking way too long.

ipozharliev · April 2018

AGAIN HERE ARE THE 4 ISSUE I HAVE

1. I did what you asked me and I took the ID directly from the section. You can see my menu works fine but that is not the case with the footer. http://clearei.com/

My code for the section is as follows

Here is an image of how I have build it in the widget https://ibb.co/f3Adrn

2. I just uploaded it and have to wait a bit to see this with the flavicon works.

3. I would like to make my logo .svg for retina purposes. I already read this thread https://forum.muffingroup.com/betheme/discussion/29104/svg-logo ;

Unfortunately my issue is that once I open the media library through any of the logos availability in General/Logo than the .svg file or any .svg file is not there. Which is quite odd.

4. The favicon is not working on mac now take a look here: https://ibb.co/mYXyP7

Bryan · April 2018

1. It should be like this: <a class="scroll" href="#myID">HOW</a> You have to have href="" for the link to target something.
2. The favicon has to be an .ico file and uploaded in theme options>global>general. Remember to clear browser cache.
3. 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

ipozharliev · April 2018

1. I tried this way also <h6 class="scroll" href="#how">HOW</h6>

2. It is uploaded exactly there but still even when I go incognito and clear my cache the BE theme icon appears.

3. I just send you a message for this let me know where should I send you the private access.

Bryan · April 2018

1. Giving href="" attribute to anything but an <a> element is pointless.
This is how it should look like:
<a class="scroll" href="#myID">HOW</a>
If you want it in <h6> then do this:
<h6><a class="scroll" href="#myID">HOW</a></h6>
2. The favicon shows correctly, you must have not wiped your cache correctly.
screen: http://prntscr.com/jae1o9
3. We clearly wrote above where you should send the details.

Bryan · April 2018

Hey.
1. Your footer links have incorrect ID, your header menu links to "#Team" but your footer links to "#team"
It will not work because ID names are case sensitive.
2. We checked and it does not show the svg logo when you try to choose it from the media librabry.
Instead we pasted the URL into the logo field. We will fix this issue, for now, just change links instead of browsing for the logo.

ipozharliev · May 2018

Hey Thank you for the fix.

3. Another thing that I am noticing is that when I reduce the screen on in Safari there is an issue with the text as it goes out of the box: https://ibb.co/mvf617

4. Furthermore there is no way of creating space on the side of my Colums other than Adding other columns. This creates dead space on both mobile and when minimizing the browser window. Like so: https://ibb.co/jacKM7

Can you please guide me how to fix those two issues.

Bryan · May 2018

This is all because the background image size is set to contain. This bahaviour is normal and expected.
Please change the background size to cover.
thanks

ipozharliev · May 2018

1.Same thing no difference. Even now because of the cover settings the image in one of the paragraphs is overlaying with the text making it less visible. If I install AMP would it make it easier to control the mobile version? Also how supportive is BeTheme of AMP?

https://ibb.co/h0Rhg7

https://ibb.co/jhHoM7

2. Now also noticed on iphone that the logo becomes entirely different from the origianal .SVG file that I have uploaded.

https://ibb.co/nHYTM7

Bryan · May 2018

1. The image is still set to contain not cover and it is not aligned bottom, if you would set the background size to cover and align it bottom it would look like this:
http://prntscr.com/jeotiw
http://prntscr.com/jeotz1
We suggest not using a background image but adding this picture as a normal image.
2. It could be iphone browser cache.
thanks

ipozharliev · May 2018

1. I changed the image entirely and made the column simple image so now it is working fine.

2. It is not the cache. I always check it with with anonymous browser so there is no caching. The only way to fix it I found is if I use google fonts that are already in your database. So for now this issue has been fixed.

3. There is another thing I would like to create but can not find in the documentation how it is done.

I would like to make an image hoover to be a bit grey and with certain opacity like this one:

https://ibb.co/ntLAOy

or to have an entire column hoover background add.

https://ibb.co/hrGaOy

Bryan · May 2018

Sorry but we do not have any options for this.
The only hover on image effect can be chosen from theme options>global>general and you would have to use the overlay without icons effect.

The only grayscale effect we have is on the gallery item images.
thanks

My Overlay Menu Background and Colors Do Not Update

Comments