Hey!

Please add !important to Ismael’s code so it should be

@media only screen and (max-width: 767px) {
.responsive #scroll-top-link { display: block!important; } /*iphones etc scroll better by tapping the status bar at the top of the screen*/
}

Then flush browser cache on your iphone

Regards,
Yigit

Hey Minz!

Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

 .header_color .avia-tt .avia-arrow, .header_color .avia-tt { background-color: red; color: blue; }
#top .header_color input[type='text'] { background-color: blue; color: white; }
.header_color input[type='submit'] { background-color: red; }
.header_color input[type='submit']:hover { background-color:blue; }

Best regards,
Yigit

Hey!

My bad! Glad it worked. :)

Cheers!
Ismael

Hi JMH_International!

It should be visible for all pages. Can you please give us a link to the page without the scroll to top button? Please add this on your custom.css or Quick CSS to enable the button on mobile devices:

@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive #scroll-top-link{display: block;} /*iphones etc scroll better by tapping the status bar at the top of the screen*/
}

Regards,
Ismael

Hi!

1.) Let’s start again. To make the header transparent, please add this code:

.header_color .header_bg {
background: rgba(0,0,0,.5);
}

Move the slider or the main div towards the top using this:

.fixed_header .home #main {
padding-top: 0;
}

Edit js > avia.js file to remove the gap below the fullscreen slider. Find this code on line 687:

slide_height = Math.ceil( (viewport / 100) * this.options.height );

Replace it with:

slide_height = Math.ceil( (viewport / 100 ) * this.options.height ) + 88;

2.) You can’t move the border because it is the content border. There is a javascript where you can force or copy the height of a certain div then apply it on another. You can then use this Quick CSS:

#top #main .sidebar {
right: -50px;
border-left-style: solid;
border-left-width: 1px;
}

.content {
border: none;
}

Please hire a freelance developer to help you create a script like that.

Cheers!
Ismael

Hi!

Can you please give us a link to the website? The social icons should be on top of the logo on mobile view. What do you mean by “contact call”?

Best regards,
Ismael

Hi!

1.) Please add this on your custom.css or Quick CSS:

.fixed_header #main {
padding-top: 100px;
}

2.) You can move the sidebar to the right using this:

#top #main .sidebar {
right: -50px;
border: none;
}

Cheers!
Ismael

Hi NaturaIntegrativeMedicine!

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

.title_container { background-color: red!important; }
#top .alternate_color.title_container .main-title a {
color: white; }

Best regards,
Yigit

Hey!

1- I have just checked your website and it is working fine on my end. Please see screencast here http://www.screenr.com/3qIH,
2- Can you post a screenshot and show how you would like to look?

Regards,
Yigit