hobbit Posted April 13, 2019 Share Posted April 13, 2019 (edited) Hello everyone Let me first explain which page I'm referring to when I say 'final' product page. It is the very last one you can get to when following the menu bar/category bar on the front page. So, Category -> sub-category -> then click on one of the products which takes you to -> 'final' page with the product and full description. See pic below: My problem is this... When the page opens you can not see the full description. You have to scroll down before it comes into view. For the kind of products I sell, it is however, imperative that the customer can see at least the first part of the 'More Info/full description' at first glance. They have to know immediately "hey, there's something here I better read first". This is so important that I've changed things at checkout so that they have to declare that they have read the full description before they can checkout. So basically I want at least a little bit of that full description to show at first glance. I've played around with padding settings but that does not 'lift' it enough, so now I am wondering if it is possible to 'cut off' the top part of the page, so that the top of the page starts just above the breadcrumb. In other words, display the page without the banner, logo, search bar, etc. Something like this: That would bring the full description at the bottom nicely into view at first glance. Can it be done? If so help and tell me how please. Keep in mind that it must be so for ONLY the 'final' product page, not globally. Any help will be greatly appreciated! Thanks Edited April 18, 2019 by hobbit (see edit history) Link to comment Share on other sites More sharing options...
hobbit Posted April 17, 2019 Author Share Posted April 17, 2019 (edited) Well.. this took me a while 😅😅 The answer is so simple.. but only after I watched this tutorial that helped me figure out exactly what I should do. Major kudos to you NemoPS! I prefer using custom.css so this solution was ideal. All I had to do was to add this bit of code in my custom.css file: .product #page .header-container { display: none; ) Edited April 18, 2019 by hobbit (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now