My Overlay Menu Background and Colors Do Not Update

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.

Comments

  • 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
  • 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.
  • 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

  • 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.
  • 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">How</h6>
    <h6 href="https://clearei.com">Media</h6>
    <h6 href="https://clearei.com">Team</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.

  • 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
  • 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.
  • edited 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
  • edited 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

    <h6><a class="scroll" id="#Team">HOW</a></h6>

    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
  • 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
  • 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.


  • 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
    <h6><a class="scroll" id="#Team">HOW</a></h6>
    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
  • 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
  • 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.
  • 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.

  • 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.

  • 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.
  • 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
  • 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?

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



  • 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
  • 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:
    or to have an entire column hoover background add.

  • 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
Sign In or Register to comment.