New responsive site Baseball caps

You can use this section of the forum to show your website created with WYSIWYG Web Builder to other users.
Forum rules
PLEASE READ BEFORE YOU POST or your post may be deleted!

This forum is for users to display their websites created with WYSIWYG Web Builder.

Rules for posting in this section:
1) Do not ask any WYSIWYG Web Builder help or support related questions here.
2) Do not Promote your website on somebody elses thread.
3) Do not start more than one thread about your site.
4) Do not say anything negative or mean about somebody's site. Constructive criticism is great and encouraged, but being deliberately nasty will not be tolerated.
5) Do not post any site that is not created with WYSIWYG Web Builder.
6) Do not BUMP your post unnecessarily/repetitively.
7) Do not speak/type in another language than English. That way everyone can understand you.
Post Reply
Bazza2
 
 
Posts: 94
Joined: Mon Apr 25, 2016 8:34 am

New responsive site Baseball caps

Post by Bazza2 » Fri Feb 24, 2017 1:25 pm

Default page and break point for 768PX

Any comments or technical stuff appreciated.


http://dev.baseballcap.net.au/

Bazza

pajadt
 
 
Posts: 615
Joined: Sat Mar 16, 2013 11:23 am
Location: Europe

Re: New responsive site Baseball caps

Post by pajadt » Fri Feb 24, 2017 4:08 pm

Hi Bazza
To hard way is as you do.
Nice web, but same web you can build faster with grid, and faster have breakpoint
Last edited by pajadt on Sat Feb 25, 2017 11:58 am, edited 1 time in total.

alexmasss
 
 
Posts: 218
Joined: Mon Sep 28, 2015 4:25 pm

Re: New responsive site Baseball caps

Post by alexmasss » Fri Feb 24, 2017 4:48 pm

I am checking from smartphone but it does not respond. Checked with 2 browsers. It does not adapt to the screen.

Bazza2
 
 
Posts: 94
Joined: Mon Apr 25, 2016 8:34 am

Re: New responsive site Baseball caps

Post by Bazza2 » Fri Feb 24, 2017 8:30 pm

Thanks for the input.
Yes it did take some time to align things. But coming up another WYSIWYG this WB11 is fantastic to me and it felt quick to do.
I will read up on grids.

Alex, not sure what you mean. My breakpoint is set at 768px so I would not expect it to adapt to a smart phone.
Being new to this am I missing something where it should

alexmasss
 
 
Posts: 218
Joined: Mon Sep 28, 2015 4:25 pm

Re: New responsive site Baseball caps

Post by alexmasss » Fri Feb 24, 2017 8:41 pm

Even if you set it at 768 when I rotate the smartphone to horizontal position the black container from the header does not change the size and About us and Contacts does not fit inside the container, they simply get out. Give it a check.

Bazza2
 
 
Posts: 94
Joined: Mon Apr 25, 2016 8:34 am

Re: New responsive site Baseball caps

Post by Bazza2 » Fri Feb 24, 2017 11:16 pm

Thanks.
Tried it on my I phone.
I see what you mean.
Actually the black layer is being dragged all the way over where the rest of the site is maintaining its correct position the way it is built in the
768 breakpoint.
So the problem is in the layer It should remain in sync with the rest of the page but it is moving left with the smaller screen of the Iphone..

My understanding is if I build the 768 breakpoint for ipads it should view correctly in an ipad which it does.
On an iphone you would expect to use a scroll to view the full page. Which mine does with the error on the black layer.
I will need to read up on layers for responsive sites.

User avatar
me.prosenjeet
 
 
Posts: 1463
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: New responsive site Baseball caps

Post by me.prosenjeet » Sat Feb 25, 2017 1:17 am

Hi

I just checked it on my computer and then reduced the width of my browser to reach lower resolutions, is it responsive?
Its true, using grid makes it a lot easier to build responsive sites

User avatar
Rebel Studio
 
 
Posts: 168
Joined: Tue Nov 04, 2008 10:55 pm
Location: NL

Re: New responsive site Baseball caps

Post by Rebel Studio » Sat Feb 25, 2017 8:30 pm

Can I be brutally honest?

User avatar
zinc
 
 
Posts: 1556
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: New responsive site Baseball caps

Post by zinc » Sat Feb 25, 2017 10:20 pm

Rebels wrote:
Sat Feb 25, 2017 8:30 pm
Can I be brutally honest?
I LIKE your brutal honesty.

User avatar
Rebel Studio
 
 
Posts: 168
Joined: Tue Nov 04, 2008 10:55 pm
Location: NL

Re: New responsive site Baseball caps

Post by Rebel Studio » Sat Feb 25, 2017 11:14 pm

I think it sucks big time! And for this project when I look at this site my face goes like :cry: because I've been wearing snapbacks and baseball caps all my life and for the future I got plans to create my own cap dropship site so I really love the niche.

Of course you want to know why I don't like it.

To start with, it has no structure, when I first come to the homepage, it's chaos! Nothing is aligned, I count at least 9 different colors and those are not even the caps on the photo's, all sorts of info is all over the place, no idea where to start reading and what is important or not.

The menu, this is one crazy menu! It looks better if the first and second row are aligned horizontal and vertical so they look good scale wise. Also make it so it looks the same on every page, pretty much every link I clicked in the menu the menu shifts in something totally different.

If you wonder how to place them and align them easy without using a menu extension, I got a small trick for that which you should also use on your email address because the way you put your email now, bots will crawl your website and they will see your email address and soon you will have plenty of offers from millionaires from Nigeria aka shitload of spam.

Assuming you know a little bit about photoshop, just type a word or text you want, then delete the background with the magic eraser tool, crop the obsolete area around the text and save as .png now import the image into WB, doubleclick the image and give it the task you need ;) If you want your own color effect on it, in PS make one text without it and save the .png and name it for example "1" then give the text the effect you want and save it as "2" now in WB select rollover image and address the task you want.

Your header isn't fully filling the screen which I think you wanted to, it's a pixel or 2 short on both sides. Also make your website responsive.

Could point out some more things but you should start with these thing and from there on continue.

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests