Any way to make margins consistent?

[john]

The size of the margins (space on far left and far right) jumps about a lot on desktop sizes. Is there any way to make margins a consistent value, at least on Slider 1 and About pages?

See screenshots of varying margins here: http://ge.tt/5e4KwMo2

Thanks in adv!

[SeaTheme]

Hi,
Please set Header width as fluid:
Appearance > Theme Options > Layout

Please use the custom css to set main content width as fluid:

@media (min-width: 1200px) { 
.pagebuilder-wrap > .container-fluid,
.bm-tab-slider-trigger  {
width: 100%;
padding-left:60px;
padding-right:60px; }
}

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[john]

Thanks for this. It’s worked with the header, but when I put the custom css in the Customize > Additional CSS area, that didn’t work.

By the way, the developer I hired to look at the one-item menu change put this in the Additional CSS area:

@media (max-width: 767px) {
.responsive-ux .heade-meta, .responsive-ux.navi-show-h.navi-show-h-left .heade-meta, .responsive-ux .header-bar-social {
display: block; }
.responsive-ux #navi-trigger {
display: none!important; }
.responsive-ux #navi-header {
display: flex;
}
.responsive-ux #header {
top: 0px !important;
}

}

Please advise!

[john]

To be clear, the change worked with the header, but not the main content. Please advise!

[SeaTheme]

I checked your site, there is not the custom css, added now, it works.

[john]

Thanks, but I don’t see that it’s working yet. This is what I see still (varying margins for main content on both pages):

http://ge.tt/7zbtPNo2

[john]

I would love the margins for main content to be the same as the margins for the header. Thanks!

[SeaTheme]

They are same width in all size screen now by the css:
ps: have added on your site
https://www.dropbox.com/s/x28jppk8ku5vikn/QQ20180201-163459%402x.jpg?dl=0

@media (min-width: 768px) { 
.pagebuilder-wrap > .container-fluid,
.bm-tab-slider-trigger  {
width: 100%;
padding-left:60px;
padding-right:60px; }
}
@media (min-width: 979px) { 
.pagebuilder-wrap > .container-fluid,
.bm-tab-slider-trigger  {
width: 100%;
padding-left:60px;
padding-right:60px; }
}
@media (min-width: 1200px) { 
.pagebuilder-wrap > .container-fluid,
.bm-tab-slider-trigger  {
width: 100%;
padding-left:60px;
padding-right:60px; }
}

[john]

THANK YOU!

[Author]

Posts