â–Ľ
Streaming live at 10am (PST)

Issues with nav and white space

Design help General
#1

Hello all,

I seem to be having couple of issues with my website which I cant seem to resolve;

Here is my website; http://tinyurl.com/j5wa9vy

https://preview.webflow.com/preview/smjphotography?preview=b3a82f41cff9ac29ed8eb143c7d70c6d

  1. When the website is viewed on other devices other then desktop, the logo dispears and comes part of the nav menu, when you click on the burger nav the logo appears there rather then next to it.

  2. When viewing my website on moible device, I get a massive white space between Camera section and the testimonials section, it doesnt show in webflow preview tho but does when viewing it via url.

Hope someone can help before I have no hair left :slight_smile:

Best regards,
Matt

#2

@cyberdave @PixelGeek @anyone :slight_smile:

#3

With the logo, you have it positioned within the nav menu container. This will translate down to the mobile view.
If you want to achieve the centered logo, I would suggest having two separate nav bars. One for desktop and one for mobile. When in desktop, set your mobile version to “no view” and when in mobile, set the desktop navbar to “no view”. More work, but this way you’ll have total control over the two nav schemes.

Not sure I’m understanding your other issue with the white space. Not seeing it, even when viewing the live site.

1 Like
#4

Hi @Matty, thanks for the good questions. First, lets take a look at the menu, I think @Port_of_Folio has the solution, take a peek at my quick video:

Regarding the white space between the Camera and Testimonial sections, I too was unable to detect any strange spacing, could you let us know what mobile device you are using?

See my attached screenshot:

space_between_camera_and_testimonials.png297Ă—537 161 KB

#5

@cyberdave

Thanks for the video, worked a treat. Although when I add float left my centre logo doesn’t centre?

Also regarding the large white space, I’m using samsung galaxy S5 with chrome, when I view it in firefox I don’t get any issues.

#6

Hi @Matty, sorry, did you mean to say that you would like the logo centered on tablet view and lower? I am checking on the samsung phone about the section whitespace.

#7

Yes that’s correct Dave

#8

@cyberdave

Hello Dave, did you manage to take a look at this?

Matt

#9

Hi @Matty, thanks for hanging in there, take a peek at this video, does this help to achieve the goal?

#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.