Hey traceesioux,

I’m assuming nothing happens when you click on the email links, is that correct?

This is because by default some browsers do not handle the mailto links let’s make sure your browser is setup correctly to handle the mailto links please follow the steps mentioned below.

Steps:

1. If you are using chrome go to Chrome Settings > Content Settings > Manage Handlers

2. If Manage Handler setting is empty click on the double diamond icon that appears when you first login to gmail and select “Allow” mail.google.com to open emial links and repeat the first step.

This should open the email links in the browser.

If you still have any issue check the mail to links is setup as mentioned here https://css-tricks.com/snippets/html/mailto-links/

We recommend using the contact form as mailto links on some browsers depend on the user settings and I’m sorry the contact form does not look good on your end, I would love to help you set it up the way you like it please upload a screenshot/mockup of what you are trying to achieve to imgur.com and share the link here so we can help you better :)

I hope you will like enfold contact form better :-)

Best regards,
Vinay

Hey!

As I understand when a user visit your site they need to see the hamburger menu with the word “Menu” instead of the three line on the desktop. Is that correct?

Should you have any issue please place the code provided in the example link by Yigit and change the 1024px to a much higher value in the below line

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

or try activating the hamburger menu from Enfold > Header > Header Layout > Display of menu items > Icon menu

Should you have any issue please upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#main #after_section_1 > .container {
padding:0 10px!important;
}
.sidebar_left .inner_sidebar {
    margin-right: 20px; 
}
.template-page.content{
	padding-left:20px!important;
}

Best regards,
Vinay

Hey paultho,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

footer li.current-menu-item > a > .avia-menu-text {
color: gold!important;
}

Are you using a child theme to add custom code? Please check http://kriesi.at/documentation/enfold/using-a-child-theme/

Best regards,
Vinay

Hey paultho,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (min-width:989px) {
#main .container_wrap_first > .container {
padding-right:0!important;
}
.sidebar {
	position: absolute;    
    top:0;
    right:0;
    padding-right:50px!important;
    bottom:0;
    max-width:calc(25% - 50px);
    background:gold;
}}

Best regards,
Vinay

Hi,

I had to remove some css code related to the header widget as this code will make it difficult to place the elements in header as per your requirements.

Please find the old code here (link in private) and back it up if you should need this in the future.

Please let us know where is the fall back menu coming from? How did you add it?

It is recommended to use the menu feature available in Dashboard > Appearance > Menu and create your own menu.

This way it is easily manageable and we can provide you with custom code to make the header look like your screenshot.

Awaiting your reply.

Best regards,
Vinay

Hi,

I checked your site and the banner appears on top of the menu bar please see attached screenshot. You may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

Best regards,
Vinay

Hi,

I checked your site and all the links on the icons are pointing to http://your-domain.com/services/ it should point to the section ID example http://your-domain.com/services/#section-ID

You are missing out on the #ID please check the color section options in the test section page I setup earlier (link in private) here you will notice I have added a unique ID to distinguish each section in the section ID.

Please add unique ID for each service section and point each icon to that section with the ID in the URL.

Best regards,
Vinay

Hi,

We are releasing a major update mostly should by the end of Jan. I hope you will not need this custom code after you receive the update :)

Thank you for your understanding.

Best regards,
Vinay

Hi,

I have tested this code and it works!

Please try this Quick CSS

#footer {
    border: none!important;
}

If you are using any caching plugin the changes may not reflect so deactivate it and try again :)

Best regards,
Vinay

Hi,

Yes it is possible to link to different section from icons on homepage.

The example is to illustrate how it can be done.

Please try to link the sections to the icons( when you click the icon it has a option to place the link ) on the homepage as shown in the example :)

Best regards,
Vinay

Hi,

Great we are on the same page!

1. To correct the URL’s please copy and paste the code into a text editor like sublime text and replace all the URL’s
<a href="http://dev.domain.com/" itemprop="url">
2. To change the background color please use the below CSS

#menu-main-lower {
background: #17ba71;
}
#top #menu-main-lower > li > a {
    border-color: #FFF;
}

3. The mobile menu works fine could you please elaborate what is not showing ?

Best regards,
Vinay

• This reply was modified 9 years ago by Vinay. Reason: Edited domain name

Hey kilimats,

You can remove the footer border from Enfold > General Styling > Footer > Border Color

Please delete the border color value and save the settings :)

Best regards,
Vinay

Hi,

When you copy the code from here the signs get converted to ascii values for example “>” will be copied as ” &gt ; ” that’s what Yigit is trying to say :)

The logo overlaps when you change the screen size…

Please change 30vw in the above code Yigit provided to approx 650px

Your code should look like

.av-main-nav > li:nth-child(3) {
    margin-right: 650px;
}

Feel free to change this value to suit your design.

If you still have an issue you can do 2 things to avoid the overlapping issue and make everything look nice on all screen size…

1. Change the way you setup the logo center and split the menu please check https://kriesi.at/support/topic/logo-center-menu-left-and-right-2/#post-724306

2. Activate the mobile menu around 1000px when things start to run into each other using the below CSS in Enfold > General Styling > Quick CSS.

@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

Best regards,
Vinay

• This reply was modified 9 years ago by Vinay.

Hey ycoleman31,

I checked the setting and it appears to be fine. When I scroll the homepage the header sticks to the top please check the screenshot below. You may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

If you still have any issue please let us know which device and browser you are facing this issue and if possible upload a screenshot/mockup to imgur.com and share the link here so we can help you better :)

Best regards,
Vinay

• This reply was modified 9 years ago by Vinay.