Best Of

Re: Split Screen on Independent Homepage with Buttons

@Allen said:
Try two single photo widgets side by side.

I don't think he wants two pictures, just two background colors.

@shearerviljoen - Just add a HTML/CSS Block to your home page:

HTML:

<div class="container">

  <div class="section retouch">

    <div class="my-button"><a href="">Retouching</a></div>

  </div>

  <div class="section photography">

    <div class="my-button"><a href="">Photography</a></div>

  </div>

</div>

CSS:

.container {
  display: flex;
  height: 100vh;
}

.section {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;  
}

.retouch {background-color: #eeeeee;}

.photography {background-color: black;}

.my-button a {
  padding: 15px 30px;
  border: 1px solid;
  text-transform: uppercase;
  font-size: 2rem;
}

.retouch .my-button a {
  border-color: black;
  color: black;
}

.photography .my-button a {
  border-color: white;
  color: white;
}

  .my-button a:hover {
    border-color: gray;
    color: gray;
  }

That should get you close.

Hikin' Mike

Re: Best Place to Rent Lenses for Wildlife Photography

@MoonMan04 said:

... I was not aware that it is difficult to focus quickly with larger apertures; in fact, I was told it was easier because your camera has more light to work—can you elaborate on this matter? ...

To elaborate that comment, autofocus in general "does" improve in acquisition and locking speed with a large aperture. I am most familiar with Canon where the center AF dot is often able to leverage an f2.8 aperture with high-precision AF and using dual cross-type sensor.

If I understand correctly, the Nikon D500 has a rather excellent 3D-Tracking capability with 99 cross-type AF dots. Still, in low light the AF will be challenged as the AF sensor is CMOS based, just like your capture imager CMOS sensor, so AF acquisition will slow somewhat over good light with high-contrast conditions. Still, you are correct that a large aperture lens, like the Nikon AF-S NIKKOR 400mm f/2.8E FL ED VR will give you a boost in acquisition and lock speeds over your current lens in low-light conditions. Just expect that the AF may still be slower than in perfect light. Unfortunately, the DOF is so slim at f2.8 you may still have difficulty with critical focus for BIF, as an example.

ziggy53

Nighthawks 2020

This isn't mine--David Bokeh did it--but I thought it was worth sharing:

Richard

Re: Help with CSS mobile view please

@heidiannemorris said:
Hi Mike, thank you

I know what I did now, I understand - I thought I could include that text (remove the margin/padding from all 3 widgets (logo, text and menu) as a note to myself in the future to remind me what the code below it was about. I didn't realise what effect that had. Apologies.

If you want to include those notes, you just need to wrap those with these: /* */. So as an example: /* A Note Here */.

The changes have caused a gap to appear in the opaque overlay at the bottom of the screen on mobile.

Could you kindly advise how I make the opacity fit the screen right to the bottom (prior to the menu being expanded) on all mobile devices please?

If you're talking about the "gap" under the last menu entry (Lots more links), that's how it's supposed to work. If that isn't what you're talking about, then I don't understand your question.

Hikin' Mike

Re: Help with CSS mobile view please

You didn't copy the code correctly.

Hikin' Mike

Re: Help with CSS mobile view please

First you need to remove the margin/padding from all 3 widgets (logo, text and menu) by adding this to your custom CSS:

@media screen and (max-width: 736px) {

  .sm-page-widget.sm-page-widget-6867720 .sm-page-widget-content,
  .sm-page-widget.sm-page-widget-27203962 .sm-page-widget-content,
  .sm-page-widget.sm-page-widget-5256509 .sm-page-widget-content {
    padding:0 !important; 
    margin:0 !important;
  }

}

Now you may like where your hamburger icon is now, but if you want it more "centered", you need to edit this line: top: -90px;/* adjust for your logo */. Try -80px.

Hikin' Mike