Set up Problems - please help.

[leo01]

Hey i am currently setting up my new homepage, i like your theme a lot so far.
But a few things i could not figure out. i tried to search the forum for there too with no luck, but i hope you can help. Its a list of things, hope thats OK.

new.leopoldfiala.com - work in progress

• Lightbox add on: The transition between the images is very unsmooth, it jumps and flickers. i tried to play around with the transition time but it doesn't change the flickering.

• Menu for tablets - i would like to use the "burger" menu for tablets as well (or change the navigation type drasticallysmaller) at the moment my logo got overlaid with the nav which is not so nice. - how can i start using the burger menu at a different viewpoint ?

• maximum logo size. i use % for my logo(image in the top corner, can i set the size to a maximum? on a big screen the logo gets oddly big.

• i would like to have my page wich contains 95% images to be best mobile comp. at the moment vertical looks good, but on horizontal i crop most of the images by quite a bit. is it possible to set up a different white space around the images if the phone is held vertical (so it doesn't crop the top and bottom)? Or is there another teak i could use for that?
  Is it possible to activate Lightbox for mobile to bypass that problem?

• this one is quite simple but i cant figure out the right css command. I have a link color set for links in text, thats cool. I would like to not use that color for the next/prev project links in my footer. I did try quite a few classes and different approches but i could lot only adjust those links. Please help me :)

• general question: if i set up a thumbnail grid for a category, will it automatically update itself if i add a new project to that category?

• request: It would be great if we could place images in the mansard layout inside a project, that would be awesome

THANKS A LOT! I look forward to you're reply!
Leo

[mariusjopen]

Hi @leo01

great!

1. You mean the transition when it goes from right to left in the slideshow? I also see that this flickers a bit at your website. You have any special things installed?

2. You can change the breakpoint here:
   

3. You need to do that with the Custom CSS:

.sitetitle img {
    width: 10vw;
    max-width: 100px !important;
}

4. Can you post a screenshot of this?

5. To change this arrow you need to upload a new arrow file:

.cursor-right {
    cursor: url(http://new.leopoldfiala.com/wp-content/uploads/2017/11/arrow-next.svg) 20 20, pointer !important;
}

6. You can only link to projects. not to categories with the Thumbnail Grid.

7. We agree. We will do that ion the future!

I hope I could help!

Best!

Marius

[leo01]

Hi @mariusjopen
Thanks a lot for your reply!

1. Yes exactly, no nothing special installed i think (or what do you mean by that? No extra plugins besides: WP supercharge, Toast SEO, Aksimet, Social Icons, Instagram Feed)

2. I found that thanks, but is it possible to use the "burger" menu for Tablets as well as an option?

3. Cool thanks a lot! What can i change with the 10vw setting?

4. shure: here u go:
   The issue only accurres in landscape orientation, and is even more drastic if images are in a 6x45 medium format crop (3x4 ratio) - the screenshot shoes a normal 2x3 ratio image which is still cropped/not cited to screen)
   

5. Soory i made m self not clear enough: I would like to change the color for links in my footer, e.g.. i use next project, and previous project as text links in my footer. But they are styled like the usual links in every project text. But instead i would like to give them another color. But i cant seem to find the right selector for it. I tried .laynextproject and .layprevproject without success

6./ 7 Great Thanks!

8. Sorry a new one :) : Can i somehow space the navigation items by css individually? eg. i would like to have a bigger gab infant of my about nav item.

9. Cover Option: In lay options/Cover options i have the disable for Phone checkbox on, but the covers still show up on my phone. The Cover is set up as: I select a new project and i "set a new image background" also the box "use browser height for row height" is activated. It looks quite odd on the phone. How can i fix that?

THANKS A LOT.
Yours
Leo

[mariusjopen]

HI @leo01

You are welcome.

1. The flickering looks a bit weird. I assume you have all the latest versions of Laytheme, the plugins and Wordpress installed, right? We will look into this.

2. You can change the breakpoint. Then the burger-menu will be displayed also on tablets.

3. Actually this is enough:

.sitetitle img {
    max-width: 100px !important;
}

The width was inside the code because I needed it to test if it works.

4. No. There is not really a way to make the images or the white-space adjust to the horizontal phone layout.

5. Does that work for you?

#footer-region a:hover {
    color: blue;
}

6. You are welcome

7. Also here.

8. Have a look here:

.menu-item {
    margin-right: 60px !important;
}

9. I don't see the cover on your mobile version. Does this problem still remain?

Best!

Marius

[leo01]

Hi @mariusjopen

Thanks for your reply!

1. Yes newest version of Laytheme and Wordpress installed. Lightbox sliding duration set to 1200 ms, but the same happened even more visible if i slow it down.

2. So the "Tablet breakpoint for Text formats" also effects the navigation? I would like to have the burger menu on tablets but with a bigger type than for the Phone, is tat possible?

3. Great

4. So the only way is to widen the grinder frame for Phone layouts? This is not so nice cause it looks weird to have a lot of white space if i hold my phone vertical, can i tweak that in java or css with a workaround maybe?

5. YES! thx.

6/7.

8. Well i would only like to space one specific menu item, so that the about menu gets separated from my Portfolio menu. So i would only like to have a margin for my about menu item.

9. Yes its still there! I am talking about the covers of the projects. They are still visible in Crome and safari on my phone.
   The splash/welcome screen for the whole does not show, but in projects all projects still have that full screen cover image.

10. Is it possible to easy access the captions for Lightbox without high clicking every image? In my case i have a lot of images i need to write captions for and its not easy to visually see where I've done that and where the caption is still missing. An Option to display the captions in the grinder would be awesome for a future release.

Subquestion: How can i style the captions via css? I would like to overlay them with the Lightbox image in a box with a transparent background.

Thanks Marius for your help!
Leo

[mariusjopen]

Hi @leo01

1. OK. We will look into hat.

2. NO. not really possible easily. You need to do some adjustments.

3. :-)

4. Of course. you can use Custom CSS to adjust this manually. Have a look here: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

5. :-D

6. :-)

7. :-D

8. Your about mednu-item has the ID #menu-item-7. So you can adjust it in Custom CSS.

9. Yes. Exactly. The Splash screen gets only shown on the Start page. In the Phone Layout you can also change this behavior and make the first row a cover image.

10. I agree. Not possible yet.

11. You can use the Custom CSS section to make extra changes.

All the best!

Marius

[arminunruh]

Hello @leo01

Lightbox add on: The transition between the images is very unsmooth, it jumps and flickers. i tried to play around with the transition time but it doesn't change the flickering.

I could not reproduce this problem on safari and chrome.
Which browser and browser version do you use?

[leo01]

Hi @arminunruh
That is weird, i use safari and firefox.
I did set up the transition a bit slower now to 2200ms, can u check again. It is very visible here.

Thanks
Leo

[mariusjopen]

Hi @leo01
which browser versions do you use?

We are still looking into it.

Best!

Marius

[leo01]

Hi @arminunruh @mariusjopen

Thanks, i use: Safari 10.1 and Firefox 56.0

Thanks for clarifying how i can space a specific object.

Another question about that covers for projects. I would like NOT to show them on mobile.
"Activate Cover Feature" under Lay options is on - under cover options "Disable for phone" is on as well.

But Covers still show up on my mobile? That is not expected right?
I do set up the cover like this: I go to the first column and rechtsklick, set image background. Use Browser height for row hight is also klickt by default.

Now it shows up as expected on Desktop, but also on the mobile.

Thanks
Leo

[arminunruh]

Hey @leo01

I've looked at the lightbox more and I do see on firefox it is not really fluid. Not sure if I can do something about this :/.

Cover disabled for phone just means that the cover effect is disabled for phone. It doesn't mean the first row is hidden on phone.

You could do that with custom css.

Have a good day

[leo01]

@arminunruh

Ok thanks for the reply!
I do see the issue across all browsers i use (FF, Safari, Chrome)

Thanks for clarifying the cover issue, so it seems i interpreted the check box wrong.
Could you give me a hint of how to use CSS to disable the cover row for mobile across the website, but only for project pages?

Thanks!
Leo