[b960a518-a049-4215-9fec-f8e5379ab96dParticipant]

Hi-see this page (home page view it on mobile) http://staging1.kidsmagicworld.com.au/ the gab between the menu and the content is perfect
however on this page (and all others) the gap is HUGE http://staging1.kidsmagicworld.com.au/birthday-magic-show-mobile/

is there any way of getting the space between the menu and content the same as the homepage (1st link)

the custom css I already have is:

.x-btn-widgetbar i {
    top: -30px;
    right: -30px;
}
.x-btn-navbar .x-icon-bars::before {
  content: "-Menu-";
  text-transform: uppercase;
  font-family: "times new roman";
}
.x-topbar h3 { margin-top: 10px; }
.wpcf7 input[type=text] {
width:180px;
margin-bottom:5px;
font-size:11px;
}
.wpcf7 input[type=email] {
width:180px;
margin-bottom:5px;
font-size:11px;
}
.wpcf7 textarea {
width:180px;
height:60px;
margin-bottom:5px;
font-size:11px;
}
.wpcf7 select {
width:180px;
margin-bottom:5px;
font-size:11px;
}
.x-btn-widgetbar .x-icon-plus-circle:before {
     content: url(http://staging1.kidsmagicworld.com.au/wp-content/uploads/2015/08/currency-dollar-icon.png);
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 65px;
}
.x-navbar .desktop .x-nav > li > a{
padding-top: 47px;
}
.x-icon-plus-circle:before {
  content: content:url("This…");;
  color: white;
}
.x-btn-widgetbar {
  border-top: 30px solid rgba(39, 39, 39, 0);
  border-left: 30px solid rgba(39, 39, 39, 0);
  border-right: 30px solid rgba(39, 39, 39, 0);
  border-bottom: 30px solid rgba(39, 39, 39, 0);
}
.x-topbar h3 { margin-top: 10px; }

.x-topbar .p-info {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color rgba(255, 255, 255, 0.075) rgba(255, 255, 255, 0.075);
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    float: none;
    margin: 0;
    padding: 0em 0em 0em;
}
h4, h5, h6, .h4, .h5, .h6 {
    line-height: 1.4;
    margin-bottom: 0.5em;
    margin-top: 0em;
}

.x-navbar-inner {
    min-height: 30px;
}
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 2px;
}
.page .entry-content {
   margin-top: 0;
}
.x-brand img {
	width: 100%;
}
.entry-wrap {
    padding-top:0px;
}
body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 15px;
}
.x-navbar .desktop .x-nav > li > a{
padding-top: 15px;
}

[ThaiModerator]

Hi There,

Thanks for writing in!

Try adding following CSS under Appearance > Customize > Custom > CSS:

.page-id-1751 .offset.cf {
    margin-top: 0;
}
.page-id-1751 #x-section-1 {
    padding-top: 0 !important;
}

Hope it helps.

[b960a518-a049-4215-9fec-f8e5379ab96dParticipant]

That is perfect for that page-but how would I do it for all pages (other than using the page ID for each page

[RupokMember]

Hi there,

Thanks for updating. Let’s remove the page ID if you want to use it for all pages –

.offset.cf {
    margin-top: 0;
}
#x-section-1 {
    padding-top: 0 !important;
}

Hope this helps.

Cheers!

[Author]

Posts