Responsive View/Header Titles
-
Yes, you can remove the space between the columns by setting the three column gaps to 0. I left a touch of spacing because it seemed that they sort of ran together with 0 and there wasn’t any clear delineation between the columns.
The length of the labels on the sub menus can cause this. If all labels were one line, or two lines, then everything would align horizontally. Short of making them all the same number of lines, I think this is about the best we can do.
If you wish to tighten up the space between the first submenu (current/past work) and the next, you can do that with this.
.main-navigation ul ul ul { margin-left: 8px; } -
I see what you mean about the spacing. But there are some random lines on either side of the table that continue running down though there are no projects there. I’m hoping this is just a “clean-up” item. Is there any way to fix that?
-
Add this to the .submenu .submenu rule to get rid of that border.
border-left: none;We could then add a border to the li elements in the submenu with the following (added before the ending curly bracket on the media rule we are using).
.sub-menu .sub-menu li { border-left: 1px solid #333 } -
-
I think I did it!!!! Can you check?
Also, will I be able to add more projects without there being any issues to the Past Work? (no lines running down, etc.)
-
Yup, add to your heart’s content. The border line is now on the individual “li” blocks instead of the parent “ul”, so no issues with lines running down or anything.
It looks good and works for me. Again, you have a really good looking site.
-
BTW, I would suggest adding a site title and tagline at Settings > General and then using the following CSS to hide them. The reason I mention this is that search engines will give less weight to sites without a title/description, and they can’t “read” your logo image at top left.
.site-title, .site-description { display: none; } -
Thanks, I really appreciate the insight!
I have one last question: On the homepage, do you think people know to keep scrolling down for other pages? I’m not sure if the image looks as if it’s the end of the page. If it does, is adding an arrow or something an option to let people know they can scroll further?
-
-
-
@nagpalreema09, I think most people will scroll down, especially if they are looking for something. I don’t think it is necessary to put an arrow.
@rdolly, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum. Many thanks in advance.
Also, can you be more specific on what you are wanting to do?
-
Great, thank you! I may need to start another forum for this, or simply just ask someone else. But I wanted to know more about WordPress and SEO. Can you point me in the right direction?
-
Please make a new topic for further questions on SEO but here are two great posts to learn how SEO works for WordPress.com blogs:
- The topic ‘Responsive View/Header Titles’ is closed to new replies.
WordPress.com Forums 