Hi,
I think this is because your homepage has an empty title. You can use this plugin to toggle the display of that title which should resolve this:
https://ww.wp.xz.cn/plugins/storefront-title-toggle/
Cheers
Thread Starter
nilbu
(@nilbu)
Cool! Thank you very much!
Can you solve another problem else. I need to remove the space below. From here: https://farm8.staticflickr.com/7699/17052978593_34ba7e0978_b.jpg
Hey,
Sites looking real nice 🙂
To remove that space / border add the following to your child theme:
.page-template-template-homepage .hentry {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
Cheers
Hi There
I am having the same problem however nothing seems to be working for me which has worked for others.
The site I am working on is – http://217.199.187.196/dollboxdemo.com/ – and no matter what I try I cannot remove the white space under the navigation before the first image shows. I need to remove the whole of that space.
Can you help?
Thanks
@webjunkiecreative
Please create a new topic instead of hijacking another 🙂
In your case use:
.page-id-8 .site-header {
margin-bottom: 0;
}
Cheers
For those who are still struggling to find out what the @(*&^# is going on, I recommend installing the SiteOrigin CSS plugin, which allows you to preview the changes in real time before adding to the style sheet, as well as preserving the code over updates. None of the codes above worked, as the name of the sections changes due to plugins, extensions and other customizations. Using that CSS plugin, I could click on the empty area (the screen turns green on the sections) and the real name for that section (it was the header after all) just popped in the plugin window. Adjusting the margin-bottom property did the trick for me:
#masthead.site-header {
margin-bottom: 20px;
}
I did two things to achieve this:
1. Removed/hided this line in hooks
add_action( ‘storefront_page’, ‘storefront_page_header’, 10 );
2. Changed margin-bottom to 0 in CSS:
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
margin-bottom: 0; }
Website looks really nice. How did you make the cart and the amount to different colors (from white)?
