Docs

[laartje]

Hello:-)

The Ilightbox is acting a bit strange on my Iphone6. When I click an image, the Lightbox opens, I can swipe, but some other images are behind the main image. I just want to view the main image.(see screenhot).

Also, sometimes, when I use the lightbox on my desktop, the lightbox freezes. Maybe you know how this can be fixed (http://grafischdesignvenlo.nl/projects)(http://grafischdesignvenlo.nl/services) (newest wp version)

Thanks a lot!

[laartje]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

Could not login to your setup to further check it. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes.

Thanks.

[laartje]

Thanks for your reply!

I decided to use another plugin. It took quite a while before I was able to integrate the Ilightbox in the pages in a good way. Beside this, you always have to copy the path of the images and put them twice in a long string of code. It’s not handy at all to change, or put images on a different place too.
It’s all very complicated and very time consuming. Disabling plugins wasn’t a solution to fix the problems.

I decided to use the Envira plugin. The Envira plugin is faster, more convenient to change or move pictures rapidly.
I find it a little scary, because I have read that it is possible that there may be problems caused by an update. This dependents on the plugin makers. Is it possible the portfolios made with the Envira plugin simply disappear after an update because Themeco isn’t responsible for the updates of the plugin?

-I find the navigation not so pretty. They are coarse and large. Can the navigation buttons changed easily?

-The title of the image appears when I hover a picture, can I remove this?

I have some more questions. First : I added some css on several pages, will they remain preserved as the theme is updated?

Secondly, I would like to know how to place my logo the best way. I have a logo of 300 x 90 pixels. The logo must be sharp, clear, and retina-proof. I also do not want the header is being stretched below. Can you advise me how I can achieve this?

Thank you for your time and effort to answer my questions.

Greetz

[Rupok]

Hi there,

Thanks for updating.

#1. If you could provide a mockup then we could provide some code to change the Navigation. Note that when we are okay with some cosmetic changes, we can’t provide any custom development such as modifying the structure.

#2. Kindly provide us the exact URL where you have used this and add a screenshot if possible pointing the title you are referring.

#3. Custom CSS on page level and Customizer will remain even after updating theme. You can also take a backup from X Addons > Customizer Manager to be on safe side. An exported backup of full Customizer settings would be very handy if you accidentally miss anything.

#4. Let’s upload your retina image (2x) on the Customizer. If you face any stretch issue or something then let us know so that we could check and assist you on this.

Hope this helps.

Cheers!

[laartje]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > Global CSS

@media ( min-width: 980px ) {
html {
height: 100%;
}
.site {
padding-bottom: 78px;
}
.x-colophon.bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
}
}

Hope this helps 🙂

[laartje]

Unfortunately not. The colophon is somewhere in the middle of the page right now, at least at my windows laptop. On the Imac, the colophon sticks to the bottom, but there’s still a uge white gap between the content of the page en the colophon.

This css provides a horizontal scroll bar on mobile btw.

I think where almost there, but we need some finetuning:-)

Greetz

[Christopher]

Hi there,

Please update previous code to :

@media ( min-width: 980px ) {
.page-id-457 footer.x-colophon.bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

}

html {
    background-color: rgb(18, 18, 18);
}

Hope it helps.

[laartje]

Hi there,

We’re almost there:-) Thank you so much! I see the on the ‘About’page the footer.x-colophon isn’t on the bottom of the page. On the ‘Contact’ page the cooter.x-colophon is on the bottom. I need the footer.x-colophon on the ‘About’ page as on the ‘Contact’ page. The pages are the same, because there’s little content.

As I wrote before: I see a horizontal scroll bar on mobile, can it be removed?

Greetz

[Rad]

Hi there,

The above CSS only targets a single page. And there is no way to detect which page is empty or with less content through CSS.

@media ( min-width: 980px ) {
footer.x-colophon.bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

}

html {
    background-color: rgb(18, 18, 18);
}

Removing .page-id-457 will apply it to all pages. How about just set a minimum height for the content? Like this instead of positioning the footer which has an odd effect on the layout.

.x-main {
min-height: 768px;
}

And I don’t see a scrollbar on my mobile, what device and browser you’re testing it on?

Thanks!

[laartje]

Hi!

Unfortunately, these options do not offer solutions. When I use:

@media ( min-width: 980px ) {
footer.x-colophon.bottom {
position: fixed;
bottom: 0;
right: 0;
left: 0;
}

}

html {
background-color: rgb(18, 18, 18);
}

on one specific page, the pages are moving a bit.

When I use this code on all pages, I can’t scroll to the bottom on pages with more content.

When I use:

.x-main {
min-height: 768px;
}

there is a white gap above the colophon on every page.

Now I do not know what to do anymore. Hopefully you have another idea, I ‘m a bit worried it will not succeed:-( Will you help me with this please? The site should be online at the end of the week.

About the scrollbar: I’m using an Iphone 6.

Greetz

[Christopher]

Hi there,

Let’s target only those two pages, please update your code to :

@media ( min-width: 980px ) {
.page-id-457 footer.x-colophon.bottom,.page-id-314 footer.x-colophon.bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}

}

html {
    background-color: rgb(18, 18, 18);
}
body {
    overflow: hidden;
}

Hope it helps.

[laartje]

Sorry, it’s difficult obviously. I appreciate your effort, but as I wrote earlier, this code causes the pages to jump back and forth. That looks ugly. Too bad! I asked twice also why a horizontal scroll bar appears on my iPhone 6. We are stuck, I do not know what to do now:-( Perhaps you have another idea, please let me know!

Greetz

[laartje]

Hi, I kinda solved the page-height problem by adding an section with an large padding and exclude this from mobile devices. Its not a clean and perfect solution. What do you think?

[Author]

Posts