@BULLETPOINTMKTG, For the single trip page code, go to theme file >> wp-travel >> single-itineraries.php

you can edit the code for the single trip page in that file. Before you do that, back up the original theme file

Regards,

@RGFLY, Thanks for the site URL. Now I am clear about all the issues except for the third one that page name is not displayed in the slider I have seen two different names for two slides ‘Test’ and ‘Test2’

For the Query No. 1
I have reduced the padding slightly between the two menu items so that they would fit in the same row. Please add this CSS in the additional CSS and check if it works or not

@media screen and (max-width: 1200px){
   .main-navigation > ul > li {
     padding: 30px 2px;
   }
}

To add above CSS in the theme please go to Appearance >> Customize >> Additional CSS – paste above CSS there

For Query No. 2

Instead of 2 columns, you want to be a single column both for the footer menu and the copyright text. for that please add this CSS in the Additional CSS

@media screen and (min-width: 767px){
	#colophon .two-columns .column-wrapper {
	    width: 100%;
		float:none;
		text-align:center;
	}
}

#colophon .two-columns .column-wrapper .site-info{
	text-align:center;
	padding-top: 10px
}

For Query No.4
Can you please check the screenshot and confirm is that something like in the screenshot
here is the link to the screenshot – https://www.awesomescreenshot.com/image/11675260?key=24887bd0329de684cb34c7b6e8bbc74c

Regarding query no.3 can you please explain in more detail, cause I have seen the page title is displaying in the slider, I guess you are trying to tell something different

If you have any other issue left to be solved, please share with us

Regards,

@FLOWEB, Travel Master Pro, Travel Ultimate Pro, and Travel Insight Pro are the best travel theme of ours

Regards,

@GLAMOURANDGRINDEVENTSGMAIL-COM, do you mean a border?

Is that something like this?
https://www.awesomescreenshot.com/image/11448353?key=5c50a91db402fc921caf7093d8129722

@KOFFIE, You can try this CSS

.menu-toggle {
	height: 90px;
}
.site-logo img {
    max-height: 60px;
}
.site-branding {
	padding: 15px 0;
	min-height: 80px;
}
.site-title {
	font-size: 26px;
}
.main-navigation a {
    border-bottom: 1px solid #eee;
}
.main-navigation ul.nav-menu > li {
	padding: 0;
}
.main-navigation ul.nav-menu > li > a {
	padding: 15px;
}
.main-navigation ul.sub-menu li a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.main-navigation ul ul a {
    width: 100%;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation ul.nav-menu > li > a {
	color: #2A3235;
}
.main-navigation ul ul,
.main-navigation ul ul ul {
    box-shadow: none;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0;
    display: none;
}
.main-navigation ul.sub-menu li {
    padding-right: 0;
}
.main-navigation .menu-item-has-children > a:before {
    content: "";
    float: right;
    position: relative;
    right: 25px;
    background-color: #ccc;
    width: 1px;
    height: 25px;
}
.main-navigation .menu-item-has-children > a:after {
    padding-top: 3px;
}
.main-navigation ul.nav-menu > li > a,
.main-navigation ul.sub-menu li a {
    padding: 15px 15px 15px 25px;
}
.main-navigation ul.sub-menu li a {
	padding-left: 50px;
}
.main-navigation ul.sub-menu ul li a {
	padding-left: 75px;
}
.main-navigation ul.sub-menu ul ul li a {
	padding-left: 100px;
}
.main-navigation ul.sub-menu ul ul ul li a {
	padding-left: 125px;
}
.main-navigation .menu-item-has-children a svg {
	display: none;
}
.main-navigation ul.sub-menu li a {
	border-left: none;
}
.main-navigation ul.nav-menu {
    margin-right: 0;
    background-color: #fff;
    margin-top: 25px;
}
.main-navigation {
	position: static;
}
.main-navigation a {
	color: #1C2B42;
}
.main-navigation svg.icon-search,
.main-navigation svg.icon-down {
	fill: #1C2B42;
    margin-top: -5px;
}
.main-navigation ul.sub-menu {
	border: none;
}
.menu-open .menu-toggle .icon-close {
	display: block;
	fill: #fff;
	margin: auto;
	width: 20px;
	height: 20px;
}
#masthead.site-header .main-navigation ul.nav-menu {
    margin-top: 0;
    position: absolute;
    max-width: 400px;
    top: 100%;
    left: auto;
    right: 0;
    width: 100%;
    border-top: 1px solid #eee;
}
.main-navigation .search-menu a {
    display: none;
}
.main-navigation form.search-form input {
    background-color: #fff;
    border: none;
    min-height: 55px;
}
.main-navigation form.search-form button.search-submit {
	height: 59px;
}
.menu-open #search {
    display: block !important;
}
.main-navigation form.search-form input {
	padding-left: 25px;
}
.main-navigation .sub-menu svg {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
#site-navigation ul ul {
	background-color: transparent;
}
.main-navigation li,
button.dropdown-toggle,
.menu-toggle {
    display: block;
}
.main-navigation ul.nav-menu > li:not(:last-child):after {
    display: none;
}
.main-navigation ul.nav-menu {
	display: none !important;
}
.menu-open.main-navigation ul.nav-menu {
	display: block !important;
}
.main-navigation ul.nav-menu > li:not(:last-child) {
    margin-right: 0;
}
.menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li > a {
	padding: 15px 15px 15px 25px;
}
.main-navigation ul ul {
    opacity: 1;
    visibility: visible;
}
.main-navigation ul.sub-menu li a {
    color: #000;
}
.main-navigation ul.nav-menu li.menu-item-has-children:hover ul.sub-menu li a {
    padding: 15px 15px 15px 50px;
}
.main-navigation ul.sub-menu > li:last-child > a {
    border-bottom: 1px solid #eee;
}
.main-navigation form.search-form {
    border: none;
}
#search:before {
    display: none;
}
#search {
    position: relative;
    top: 0;
}
#masthead .main-navigation a:hover,
#masthead .main-navigation ul.nav-menu > li > a:hover,
#masthead .main-navigation ul.nav-menu li.current-menu-item > a {
    color: #A90125;
}

Regards

@EMRYSGREEN, yes we can make anything changes in the design, just let us know what you want to changes in the design we are always here to assist you with needed additional CSS

Regards,

@ICHIGONEKO, can you please share a site URL and the reference screenshot?

@bedrettin, the code you have tried was correct except for “.home”. Since there is “.home” class it only targets the homepage. In order to apply for all other pages, you can just remove “.home” and it will work for all other pages.

Regarding background, you can add background property on that existing code i.e

.site-footer .page-section {
    padding: 25px;
    background-color: transparent;
}

Regards,