Hi Yigit,
The link is http://182.160.156.94/~w02k29wi/
I need to eliminate the logo from showing up and sort out the navigation.
Cheers
M

Hi there,
Thanks for your continued help on this. So close… but neither of these snippets or putting it into Enfold Child> style.css worked. And now the Reserve Now button which had been working on the smartphone, is no longer appearing at all.
I hate to do this (because it gets so long) but I’ve pasted all my code in the style.css below. Can you see anything wrong, conflicting or have any ideas on what to do next? Thanks again, Lynn

/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold
*/

/*Add your own styles here:*/
/* Hide layerslider on Smartphones and protrait Tablets */
@media only screen and (max-width: 768px) {
.avia-layerslider { display: none; }}
/* Place Reserve now on tablets */
@media only screen and (max-width: 989px) and (min-width: 768px) {
.header_color .header-button a { left: -40%!important; }}
/* Add Reserve Now button to Header-added code to header.php*/
.header-button {
position: absolute;
border: none;
top: 0;
left: 255px;
right: 180px;
}
.header_color .header-button a {
display: block;
padding: 2px 5px 10px 12px;
font-size: 22px;
text-align:justify;
font-weight: bold;
float: left;
color: #f8d699;
border-radius:0px 0px 15px 15px;
}
.header-button a.header-chat { background-color: #985e06; left center no-repeat; }
.header-button a.header-chat {link: href=”http://reservation.worldweb.com/hotel/1227″ target=”_blank” }
}
/* Remove from home page only (right side)#, */
.breadcrumbs { display: none; }
.page-id-2 .entry-title { display: none; }
.sub_menu {
right: 175px !important;
}
/* Added TripAdvisor to ‘register-admin-options.php’ file, then to child functions.php Moves social icons to right of page */
#top .social_bookmarks li {
float: right !important;
}
/*Dropdown menu on top of LayerSlider*/
.container_wrap, #header_main { z-index: 1; }
/* Sizes/styles phone#, */
#top .social_bookmarks li a { font-size: 18px; }
.social_header .phone-info span {
font-size: 18px;
color: #f8d699;
font-style: italic;
padding-right: 28px;}
}
/* Change color of header social fonts*/
.header_color .social_bookmarks a { color: #f8d699; }
/*size main menu font*/
#avia-menu a {
font-size: 17px !important;
}
/* Color hover of TripAdvisor*/
#top .social_bookmarks_tripadvisor:hover a {
color:#fff;
background-color: #29A959!important;
}
/* Color main menu dropdown font*/
#top .main_menu .menu li ul a {
color: #f8d699 !important;
opacity: .7;
}
.header_color .main_menu ul:first-child > li > a { color: #f8d699; }
.slide-meta {display: none;}
.blog-categories.minor-meta {display: none;}
.text-sep.text-sep-cat {display: none;}
.header-buttons {
position: absolute;
right: 0;
border: none;
}
/* Get Reserve Now button on iPhone*/
@media only screen and (max-width: 480px) {
.header-button {
position:absolute;
top:90px;
left:30px;
right:20px;
}
}
/*Dropdown menu on top of LayerSlider*/
.container_wrap { z-index: 1;
}
/* Sidebar styling -latest portfolio widget*/
#portfoliobox-2 .news-headline {
font-size: 16px !important;
}
#portfoliobox-2 .news-excerpt {
font-size: 12px !important;
}
.image_size_widget .news-thumb {
height: 50px;
width: 50px;
}
.image_size_widget .news-thumb img {
width: 46px;
height: 46px;
}
}
add_theme_support(‘avia_template_builder_custom_css’);

Thanks for your reply. The background colour for the footer and header are supposed to be dark green and they were when I raised this topic. I’ve changed them back within the theme options, but these are not showing on the site

Actually, here’s all my quickcode just in case:

#top.home .hide-home {display: none;}
#top.blog .hide-blog {display: none;}

.single-portfolio .main_menu { display: none; }
.single-portfolio .menu_home li.menu_item_983 { display: block; }

.single-portfolio #mobile-advanced li { display: none; }
.single-portfolio #mobile-advanced li#menu-item-983 { display: block; border-top: solid 1px #ddd; }

Page in edit mode — Note that author’s picture is reduced and flush left with copy.

I’m no longer worried about the slider.

I don’t know how to attach a screenshot to this message.

The problem is that the image adjustment is not working for the image. It works in the edit mode, but once the page is saved, the image appears as the original unedited size.

Thanks for your input!

The link is here but I don’t know if you will be able to see it as it’s under development – I’m happy toPM you the login details if you need them.
http://compassionateconservation.net/

Thank you!

Lauren