Hi,
You don’t see a text area under the text area you post in?

Best regards,
Mike

Hi,
Thank you very much for the kind words, we are happy to assist anytime :)
I’ll take this as it’s safe to close the thread now, thanks for using Enfold.

Best regards,
Mike

Hi,
In the code above, the “menu=’25′” sets the menu.
To find out what the number is of the menu you wish to use, please go to your menus and use the inspector on the drop down to see the numbers.

If this doesn’t help, please include a admin login in the private content area and tell us which menu you would like to use.

Best regards,
Mike

Hi,
Yes, making a backup is a good idea. I would first look in your control panel for your webhost, most webhosts offer very good backup & restore options for WordPress.
Another good option is to see if your webhost offers a one click clone or staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and you site will stay up and running. You can always ask your webhost to help you with setting this up if you want.

Here are some screenshots of what it would look like:

Best regards,
Mike

Hi,
Thank you for the login, I see that my code snippet doesn’t work for what you wanted, completely remove the mobile menu and use the main menu instead.
The best solution I found was to edit the layout.css and change line 2283 to this:

@media only screen and (max-width: 77px) {

Please clear your browser cache and check.

While this works, I note that for mobile devices your menu creates 3 lines because it is too large for the screen. We can make the menu font smaller and reduce the menu padding, but on the smallest screens there will still be two menu items that start a second line.
This is the css I added to your Quick CSS:

@media only screen and (max-width: 767px) { 
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
font-size: 12px !important;
padding-left: 10px !important; 
margin-left: -10px !important; 
}
.av-main-nav > li > a {
    padding: 0 7px !important; 
}
.av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
    border-left: none;
padding-left: 13px !important; 
}
.responsive #top #wrap_all .container {
    width: 95% !important; 
    max-width: 95% !important; 
}
}

Best regards,
Mike

Hi,
I took a look at your pages and the background color is showing for me, Please clear your browser cache and check.
You can replace the “red” with hexadecimal like this:

#custom_html-12.widget,#custom_html-11.widget {
background-color: #e1e1e1 !important;
padding: 0px 20px !important;
}

This color is a light gray, so the text shows well.

Best regards,
Mike

Hi,
Thank you, I was able to login.
I added this to your Quick CSS:

#top .no_margin.av_one_third {
    width: 33.4% !important; 
}

which seems to have solved, Please clear your browser cache and check.

Best regards,
Mike

Hi,
We would like to help figure out why this is not working for you, but it’s harder if we can’t inspect the issue.
Please try disabling your plugins & custom scripts, to see if that helps.

You can grant access without posting your login like this:

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!

Best regards,
Mike

Hi,
I mean that we would be happy to take a look at your icon box to change the Font Size of the icon box title + the icon box body font, with a admin login, please include the login in the Private Content area so it will be only visible for moderators.

Best regards,
Mike

Hey terrysteeley,
I would recommend disabling Enfold Theme Options > Performance > JS & CSS file merging and compression while you are creating your site. What is happening is that when you add css directly into your style.css the merged css file is not updated unless you save your theme options again, that is the big blue button at Enfold Theme Options.
You can force your merged css to update by clicking this button, if you can’t click it, try adding a blank space in the Enfold Theme Options > General Styling > Quick CSS field and then you will be able to click it.

Alternatively, you could simply add your css into the Enfold Theme Options > General Styling > Quick CSS field instead of the style.css
If you ever find you are fighting with a tough element, the WordPress > Customize > Additional CSS has priority over other css.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

#custom_html-12.widget,#custom_html-11.widget {
background-color: red !important;
padding: 0px 20px !important;
}

Please see the screenshot in Private Content area.

Best regards,
Mike

Hey finblue,
To create a background color for the burger menu, we will use two colors to create a box. One is your current background color so it will not be seen, and the other is the color for the box. Here is my example, please adjust the colors to suit your site.
Also note that I changed the padding of the element to adjust the left & right width of the box.

.av-burger-menu-main {
  padding-left: 8px !important; 
  padding-right: 8px !important;
  background: 
      linear-gradient(
      to top,  
      #282B2E,
      #282B2E 25%,
      #ff0000 25%,
      #ff0000 75%,
      #282B2E 75%);
}

Please post a link to your site so we can assist in moving the mobile menu to the top right corner of your site.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
1: I changed your line height to 1.6em for the “p” tag, please see screenshot “1” in the Private Content area, to see if you like that, or feel free to adjust, but please only look at the text in the screenshot.
The reason is that area is a true test of the line height. Screenshot “2” text area in not correct because each line is treated as a paragraph which adds a top and bottom margin, we will address this later.

3: I’m not sure what the default em is, it shows as px in my inspector tool, 41.25px

4: I changed one of your “hyphens” lists back to a “bullet” list, and added some css to change the line height, please see screenshot “3” to see if you like it.

Best regards,
Mike

Hey kpcradix,
My research found WPGYM – WordPress Gym Management System
Here are some others: 15 Best Fitness & Gym WordPress Plugins
Hope this helps.

Best regards,
Mike