Rows with white margins on small screens

[massappealdesigns]

Hi there, my new site is almost ready to go live at dev.massappealdesigns.com, only issue is when I use a row via the page builder, with a parallax image, and set it to be full screen, the image on an iPhone has white markings to left and right and also there is a white header on iPhone, the row and image used to fill the whole screen so not sure if an update did something, basically i don’t want the white header on a small device so it matched desktop version

Also, on Safari the logo is small, but on Chrome its perfect, attached screenshots of both and also a screenshot of the iPhone issue, I thought it may be a cache image but cleared everything and checked on another computer

thanks in advance, great theme

Darren

Mass Appeal Designs

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 767px) { 
#page-wrap {
  padding: 0;
}
}

– Kyle

[massappealdesigns]

Thank you very much for the quick reply, the white margins are now gone, just need to get rid of the white header if possible so the lover and menu overlay the image, thanks

Darren

[Kyle – SUPPORT]

Try this:

.naked-header .header-wrap {
position: absolute!important;
}
@media only screen and (max-width: 991px) {
.naked-header #header-section, .naked-header #header-section:before, .naked-header #header .is-sticky .sticky-header, .naked-header .is-sticky #header.sticky-header {
background: transparent!important;
}
}

– Kyle

[massappealdesigns]

Cheers again, works perfect, only issue is that the logo and menu icon are using the dark version instead of the light version like on desktop

Any fixes for the logo showing small on safari

Thanks again in advance

Darren

[Kyle – SUPPORT]

Have you set a max height of 42px for your logo?

– Kyle

[massappealdesigns]

Hi Kyle, no, all options for logo height and width are now blank, I think originally I did have something there but deleted them and made them blank to see if that sorted issues as when i made them all blank it rectified a previous issue a had where the logo seemed stretched, I just tried making the max height 42 but nothing changed.

Thanks

Darren

[Kyle – SUPPORT]

Please can you check the login info as it’s not working for me

– Kyle

[massappealdesigns]

Hi, login info for what? for the website itself?

[Kyle – SUPPORT]

Yes so I can check if I can find anything

– Kyle

[massappealdesigns]

Ok cool

http://dev.massappealdesigns.com/wp-admin/
U: darrenmc
P Darrencheese76

[Kyle – SUPPORT]

Check now

– Kyle

[massappealdesigns]

Mate thats perfect, really appreciate your help today

Take it easy

Darren

[Kyle – SUPPORT]

No problem 🙂

[massappealdesigns]

Oh sorry 1 more little thing, the dark logo and menu icon is still showing, though it is set to light naked header on the page and the the white logo is showing fine on desktop