Docs

[markusp80]

Hi! I just updated and changed some stuff on my start page, but now the six columns that spread over the entire page width on desktop does not work. The two columns on the right hops down a row. How come? I haven’t made any changes to the row or columns settings.

I want six columns with three images in each column. Zero spacing between them and spread over the entire page width. I have set each columns to 16.666% in width and each image to 100% width so that it fills out the columns. This has worked before.

My site: http://www.markusp.se

Built in Visual Composer. WordPress 4.5.3. Installed Version of X: 4.5.2

/Markus

[markusp80]

See attached screenshot

[Paul R]

Hi Markus,

Please remove the width added to your columns and set your contentband to have marginless columns.

The width should be 13.33332% not 16.66%

http://screencast.com/t/E7yZAlnoG

then to remove margin, set marginless column.

http://screencast.com/t/9PoewIZN

Hope that helps.

[markusp80]

Hi Paul!

Thanks a bunch, works like a charm! 🙂

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[markusp80]

Yes, I am wondering how I can make a H1 to not break into two rows? I have tried responsive text but it does not work as I want to.

On the start page of http://www.markusp.se I have a heading underneath the block of images that says “FOTOGRAF ÖREBRO, MARKUS P” and I don’t want the P or the MARKUS P to jump down to another row when the browser is resized. I tried to set minimum font size to 50 and mximum to 80 pixels but it does not work as I want to.

[Jade]

Hi there,

Please add this in the CSS customizer:

@media (min-width: 1168px) and (max-width: 1237px) {
    .home #x-content-band-3 h1.h-custom-headline {
        font-size: 75px !important;
    }
}

@media (max-width: 1167px) {
    .home #x-content-band-3 h1.h-custom-headline {
        font-size: 63px !important;
    }
}

Hope this helps.

[markusp80]

Works fine! 🙂

Another question:
I have installed Ubermenu and made some changes. But on my blog page the menu covers the breadcrumbs and the top heading. Any easy way around this?

http://www.markusp.se/blogg

[Rupok]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-header-landmark {
  margin-top: 40px;
}

Let’s change the value if needed.

Cheers!

[markusp80]

Thanks! I changed it to 70 or 80 pixels, worked just fine!

[Joao]

Glad to hear it.

Please let us know if you need help with anything else.

Joao

[Author]

Posts