Docs

[Andrei]

Hi,

I’ve just bought the X theme and created my website. The theme is awesome.

I some small issues that I don’t know how to solve. I would like to hide the gray line below the revolution slider, at the bottom of the home page. My webiste’s link is https://sinestezic.com. I would also like to move the social icons from the bottom menu more on the right side and the rest of the bottom menu on the left side.

Thank you in advance.

[Andrei]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

To remove the line, below the image slider, Add this in your Customizer > Custom > CSS:

.x-colophon.bottom .x-nav{
margin:0;
}

In regards to the social media icons, please share us a screenshot that you want to achieve because the details is not clear.

Thanks.

[Andrei]

Thank you so much. It worked like charm. But now I have another problem, the scroll bar on the right (the red arrow). I would like that to be hidden, the slider to be exactly the size of the screen.

Regarding the other problem, I would like the social icons to be near the black line on the right and the menus to be near the other black line on the left.

Thank you again, great support.

[Andrei]

Sorry, I forgot to attach the image.

[Joao]

Hi There,

Would you mind providing a screenshot of what you are trying to achieve.

I don´t see a red arrow.

And I also don´t see a black line.

Let us know further details and if possible provide the screenshot in order that we can help you.

**Nice looking site 🙂

Joao

[Andrei]

Thank you Joao. I am very happy to hear this. Thanks to your theme. I’ve just seen that I forgot to attach the image. You have it one post above yours.

[Jade]

Hi there,

Please add this code in the customizer:

.x-colophon.bottom {
    border-top: 0;
}

Then update this code:

html {
    margin-top: 32px !important;
}

to

html {
    margin-top: 32px !important;
    overflow: hidden !important;
}

Hope this helps.

[Andrei]

Hi Jade, I added these codes in the child’s theme style.css and it doesn’t work.

[Christopher]

Hi there,

There is no scroll bar anymore, see the attachment.
Just an empty space on top, to fix this, update following code :

html {
    margin-top: 32px !important;
    overflow: hidden !important;
}

to :

html {
    overflow: hidden !important;
}

Hope it helps.

[Andrei]

Thank you very much. What do you mean by update? Where can I find the initial code? And also can you help me with the social icons issue from the bottom of the page? Thank you!

[Friech]

Hi There,

The code that Jade’s referring to is in your child theme’s style.css file, look for this block.

html {
    margin-top: 32px !important;
    overflow: hidden !important;
}

And update that to this:

html {
    overflow: hidden !important;
}

Regarding your footer menu, please add this custom css on your child theme’s style.css file.

#menu-footer-menu li {
	float: left;
}

#menu-footer-menu #menu-item-1406,
#menu-footer-menu #menu-item-1407,
#menu-footer-menu #menu-item-1409 {
	float: right;
}

Hope it helps, Cheers!

[Andrei]

Thank you very much! It worked, but now I can’t scroll down on the other pages.

[Lely]

Hi There,

Unfortunately, this part of code cause that:

html {
    overflow: hidden !important;
}

Can you try removing that and use this instead:

body.home {
    overflow: hidden !important;
}

Hope this helps.

[Author]

Posts