Hi!

Please add following code to Quick CSS

@media only screen and (max-width: 480px) {
.responsive .logo img { max-height: 100%; }
.responsive .logo { margin-left: 0 !important; }
.home #av_section_1 .content {
    padding-top: 190px;
}}

Cheers!
Yigit

Hey Roger!

1 & 3- Please add following code to Quick CSS in Enfold theme options under General Styling tab

#advanced_menu_toggle {
    background: orange;
    color: red;
    border-color: green;
}
li#menu-item-search {
    right: 20px;
}

2- Please refer to this post – http://kriesi.at/documentation/enfold/change-logo-on-mobile/. Please note that you would not be able to see the changes on desktop, mobile device needs to be used to check it.
4- Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and check “Apply only to mouse hover state”
5- Because you have following code in your custom CSS

.sub-menu > li > a {
    background: #ffffff !important;
}

Please change it to following

@media only screen and (min-width: 769px) {
.sub-menu > li > a {
    background: #ffffff !important;
}}

Regards,
Yigit

Hi!

Seems like you have edited header.php file following Rikard’s instructions here – https://kriesi.at/support/topic/place-a-image-above-the-header/#post-475362, so it would be Appearance > Editor > Header.php file :)

Best regards,
Yigit

Hey!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.header-scrolled .logo {
    top: 0;
}
.logo {
    top: 15px;
}

Transition would not be as smooth. To avoid that, please edit your logo image and add whitespace to top and bottom

Best regards,
Yigit

Hey!

Sorry for the late reply!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#top.avia-blank #wrap_all {
    display: block;
}

Regards,
Yigit

Hi!

You added the code to the top of functions.php file before PHP opening tag and that caused the error. I moved your code to the bottom of the file. Please review your website now.
P.S.: I noticed that you have more than one Enfold installations, please remove the one that you are not using.

Best regards,
Yigit

Hey Chris!

Edit: Please ignore the post if you have received an email. I replied in wrong topic :)

Do you mind creating a temporary admin login and posting it here privately?

Cheers!
Yigit

• This reply was modified 10 years, 1 month ago by Yigit.

Hey!

I added following code to the top of Quick CSS field in Enfold theme options under General Styling tab

.avia_mobile #top .av-parallax { position: absolute !important; }

and confirmed that scroll to next section buttons are working fine on my iphone 5s. Please review your website now

Cheers!
Yigit

Hi Frankmen!

Thank you for using Enfold.

Use css media queries in order adjust the width on smaller screens. Example:

@media only screen and (max-width: 767px) {
#top input[type="text"] { width: 200px; }
#top input[type="email"] { width: 200px; }
}

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Cheers!
Ismael

Hi!

I can only see the issue when the header switch to the top. Please create a background specifically for mobile view then add this in the Quick CSS field:

@media only screen and (max-width: 767px) {
.header_color .header_bg {
    background: #ffd950 url(mobilebg.jpg) top left no-repeat scroll;
    background-size: 100% 100%;
}
}

Adjust the image url.

Best regards,
Ismael

Hi!

Did you fix this? I checked the site and the anchor lands on top of the tab container on click but the smooth scroll is gone. Did you disable it?

Cheers!
Ismael