Hope you all had a great holiday. There are still some questions concerning my website in the final phase.
1) I would like one of my portfolio items not to show op on the main homepage, but only in one of the filter options.This is the non-clickable item that gives a 404 Error (see screenshot 1) I would like it to be only visible in the ''bad work'' filter. How do I adjust this?
2) I noticed that my website looks very odd when I adjust the desktop size, or in mobile /tablet mode.The sizes of logo's/text still get all messy and disproportional (see attachment Adjusted Desktop.) I would like these to be in logical proportions, similar to the design of the full screen desktop. How or where can I adjust this without changing my main design?
The issues i've come across are:
on the homepage:
- the logo on the right is too big
- the sticky header isn't extended
- the filter words are not centered, in two rows and too big
- the title of the portfolio item is too big for the container and cuts off
on
portfolio item pages:
- logo overlaps text
- side menu looks normal when the screensize is adjusted to a certain level, but when the size gets smaller suddenly a whole different sidemenu pops up (see difference last two images in attachment Adjusted Desktop)
Also in mobile mode, there are also many issues (see attachment Mobile Mode)
- logo is too big
- menu has a strange location
- sticky header has strange proportions
- logo overlaps text in portfolio items
3) There is no spacing between the two icons on the contact page, I used the social media code in a text box. (see screenshot 2) How do I get more spacing?
Sorry for the large questions, I hope that you will be able to help me with correcting this!
1. This is not possible through the theme options, also it is a custom request which is not covered by the theme support, if you're looking for professional help in this matter, there's always someone available for such tasks on WP Kraken. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
2. I will try to answer all of them:
A. the logo on the right is too big
Can you specify which is the logo on the right?
B). the sticky header isn't extended
Because you have enabled the theme borders, as you can see they are applying also in mobile and that is why your header is not being extended.
C. the filter words are not centered, in two rows and too big
Add the following CSS to Custom CSS to center them:
.product-filter {
text-align: center;
}
If you want to show them in a single row, you will have to make the text so small that you won't even see what's written there.
D. the title of the portfolio item is too big for the container and cuts off
The font sizes, font styles and types are all managed through the Typography area, to change the font sizes please follow this article where it is explained in details and even has a video.
E. logo overlaps text
You should know that the logo you have imported is PNG and it's background is transparent, which means it will show anything it has in the background, that's not a theme or WordPress problem it is how you set it to be.
F.side menu looks normal when the screensize is adjusted to a certain level, but when the size gets smaller suddenly a whole different sidemenu pops up
As you can see in any of our demos using the side menu, the mobile menu is completely different and that is not something happening only to your site, this is a theme feature.
Checked this and it is a bug in the theme which I have added in the fix list for our next update, it only happens when the borders are enabled.
I. sticky header has strange proportions
I don't understand what you mean.
J. logo overlaps text in portfolio items
The answer for this is in the question E, set a background to your logo.
3. That's strange, I don't know where these extra CSS are coming from in your site, even though I fixed it by adding some CSS.
I would suggest you to browse our documentation, as most of the answers to your questions are there, there is also a big search bar which you can use to search any of the questions you have, we have got great feedback for our documentation.
Hello Laborator,
Hope you all had a great holiday. There are still some questions concerning my website in the final phase.
1) I would like one of my portfolio items not to show op on the main homepage, but only in one of the filter options.This is the non-clickable item that gives a 404 Error (see screenshot 1) I would like it to be only visible in the ''bad work'' filter. How do I adjust this?
2) I noticed that my website looks very odd when I adjust the desktop size, or in mobile /tablet mode.The sizes of logo's/text still get all messy and disproportional (see attachment Adjusted Desktop.) I would like these to be in logical proportions, similar to the design of the full screen desktop. How or where can I adjust this without changing my main design?
The issues i've come across are:
on the homepage:
- the logo on the right is too big
- the sticky header isn't extended
- the filter words are not centered, in two rows and too big
- the title of the portfolio item is too big for the container and cuts off
on portfolio item pages:
- logo overlaps text
- side menu looks normal when the screensize is adjusted to a certain level, but when the size gets smaller suddenly a whole different sidemenu pops up (see difference last two images in attachment Adjusted Desktop)
Also in mobile mode, there are also many issues (see attachment Mobile Mode)
- logo is too big
- menu has a strange location
- sticky header has strange proportions
- logo overlaps text in portfolio items
3) There is no spacing between the two icons on the contact page, I used the social media code in a text box. (see screenshot 2) How do I get more spacing?
Sorry for the large questions, I hope that you will be able to help me with correcting this!
Best,
Mahsa
{"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
Hi Mahsa,
1. This is not possible through the theme options, also it is a custom request which is not covered by the theme support, if you're looking for professional help in this matter, there's always someone available for such tasks on WP Kraken. Pricing and timeline are always straightforward there and that's the main reason for recommending those services.
2. I will try to answer all of them:
A. the logo on the right is too big
Can you specify which is the logo on the right?
B). the sticky header isn't extended
Because you have enabled the theme borders, as you can see they are applying also in mobile and that is why your header is not being extended.
C. the filter words are not centered, in two rows and too big
Add the following CSS to Custom CSS to center them:
.product-filter { text-align: center; }If you want to show them in a single row, you will have to make the text so small that you won't even see what's written there.
D. the title of the portfolio item is too big for the container and cuts off
The font sizes, font styles and types are all managed through the Typography area, to change the font sizes please follow this article where it is explained in details and even has a video.
E. logo overlaps text
You should know that the logo you have imported is PNG and it's background is transparent, which means it will show anything it has in the background, that's not a theme or WordPress problem it is how you set it to be.
F. side menu looks normal when the screensize is adjusted to a certain level, but when the size gets smaller suddenly a whole different sidemenu pops up
As you can see in any of our demos using the side menu, the mobile menu is completely different and that is not something happening only to your site, this is a theme feature.
G. logo is too big
You can change it through theme options:
(view large version)
H. menu has a strange location
Checked this and it is a bug in the theme which I have added in the fix list for our next update, it only happens when the borders are enabled.
I. sticky header has strange proportions
I don't understand what you mean.
J. logo overlaps text in portfolio items
The answer for this is in the question E, set a background to your logo.
3. That's strange, I don't know where these extra CSS are coming from in your site, even though I fixed it by adding some CSS.
I would suggest you to browse our documentation, as most of the answers to your questions are there, there is also a big search bar which you can use to search any of the questions you have, we have got great feedback for our documentation.
Best regards,
Laborator Team