Hey Enfold,

We want visitors to our site to click an old school ‘hyperlink’ in the body text of a page and be transported to another section (colour section) of a page. We understand we need to name a colour section with an ID, and that it’s easy to then place that ID anchor as a main menu heading in the top nav bar… but how do you get the hyperlink in the body text to link to a section ID?

Ta.

Hello,
This is a topic I started on Themeforest and was asked to open a thread here.
I have problems on mobile with these 2 websites:
http://www.snnlaw.co.il/
http://www.ranibleierstudio.co.il/

As you’ll see, when going mobile on these 2 sites, the buttons and links on the homepage don’t work. Some of them do, and some don’t. I tried it on iPad, iPhone and Galaxy S3. It’s a big problem for me since the mobile part is very important for me. I have been using the AVIA layout builder.

This is the quick css I put in the enfold settings:
h1, h2, h3, h4, h5, h6, p, body, #socket .copyright, #top .footer_color .input-text, #top .footer_color input[type=’text’], #top .footer_color input[type=’input’], #top .footer_color input[type=’password’], #top .footer_color input[type=’email’], #top .footer_color input[type=’number’], #top .footer_color input[type=’url’], #top .footer_color input[type=’tel’], #top .footer_color input[type=’search’], #top .footer_color textarea, #top .footer_color select .main_menu ul:first-child > li > a{
font-family: ‘atlas’, sans-serif;
font-weight: 400;
}

h1{
font-size:60px;
line-height: 66px;
}

h2{
font-size:40px;
line-height: 46px;
}

h3{
font-size:28px;
line-height: 34px;
}

p{
font-size:19px;
line-height: 25px;
}

#header_main .container, .main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
font-family: atlas;
font-weight: 400;
font-size: 18px;
}

#socket .copyright{
font-size:14px;
line-height: 18px;
}

#top .footer_color .input-text, #top .footer_color input[type=’text’], #top .footer_color input[type=’input’], #top .footer_color input[type=’password’], #top .footer_color input[type=’email’], #top .footer_color input[type=’number’], #top .footer_color input[type=’url’], #top .footer_color input[type=’tel’], #top .footer_color input[type=’search’], #top .footer_color textarea, #top .footer_color select{
font-size:17px;
line-height: 18px;
width: 75%;
}

#top select{
background-position: 12px center;
margin-top: 10px;
}

#top .socket_color .input-text, #top .socket_color input[type=’text’], #top .socket_color input[type=’input’], #top .socket_color input[type=’password’], #top .socket_color input[type=’email’], #top .socket_color input[type=’number’], #top .socket_color input[type=’url’], #top .socket_color input[type=’tel’], #top .socket_color input[type=’search’], #top .socket_color textarea, #top .socket_color select{
width: 100%;
}

#top h3 a {
font-size: 19px;
}

.rani-about-small{
display:none;
}

#top .main_menu .menu li ul a {
width: 100%;
height: auto;
float: left;
text-align: right;
line-height: 23px;
padding: 8px 15px;
font-size: 16px !important;
min-height: 23px;
max-width: none;
text-decoration: none;
}

.main_menu ul:first-child > li a {
height: 60px;
line-height: 60px;
padding-right: 20px;
}

.avia-button.avia-size-medium {
font-size: 17px !important;
font-family: atlas !important;
color:#000 !important
}

And this is what I put in the custom.css file:
@font-face{
font-family:’atlas’;
font-weight:400; /*(regular)*/
font-style: normal;
src: url(‘atlas-aaa-400.eot’);
src: url(‘atlas-aaa-400.eot?#iefix’) format(’embedded-opentype’),
url(‘atlas-aaa-400.woff’) format(‘woff’),
url(‘atlas-aaa-400.ttf’) format(‘truetype’);
}

#top textarea {
width: 100%;
height: 140px;
}
#top .avia-menu-fx {
height: 5px;
}
#top .scroll-down-link {
height: 65px;
width: 100px;
margin: 0px 0 0 -40px;
line-height: 70px;
position: absolute;
left: 50%;
bottom: -1px;
color: #000;
background: #AAA;
background: #50d1f5;
text-align: center;
font-size: 40px;
z-index: 100;
text-decoration: none;
border-top-left-radius: 223px;
border-top-right-radius: 223px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

Plus these are the plugins I use:

RTL Tester
Limit Login Attempts
Contact Form 7
Wordpress Importer

Thanks for your help.
Yaki

I Just updated to the latest version of Enfold. I tried to do what you suggested in https://kriesi.at/support/topic/main-menu-4/ and add social icons to the right of the menu.

Now the header does not stick to the top of the page at scroll (nor does it resize) and when I add the icons as you suggested they are placed on top of the menu.

Any suggestions?

The page is http://www.thegybegroup.com

Hi – I’ve installed the Woo Commerce Menu Cart Placement plugin and would really like to display in the Top menu bar where the phone number and social icons are displayed. Is there any way that I can do this? At the moment I have only been able to choose to put it in the Main Menu bar and I don’t really have room for it there. You can see at http://www.littlefoxwebdesign.co.uk/manororganicfarm

Thank you!

Sorry for this simple question. How can I add an image behind everything on my website?
client wants a brick pattern added behind the content. Hopefully the brick pattern would show in the back and the slider and other content areas would float overtop.
thanks for the help

Hi guys,

For some reason, when in the iPad portrait view, the menu won’t change into the mobile menu. it remains in the typical desktop version and looks bad.

Can someone help me out?

http://knoblite.com

Thanks!

Pat