Creating more space

[Francis]

Francis

September 28, 2015 at 4:30 am

Hello,

Could you please help me with this:

1. a] On the product category pages, I want to lower the h1 header text so its closer to the ” Showing 1-25 of 47 “. I have optimised my drop down main menu to fit well on large screens, but on smaller screens it is covering the h1 header a bit. In typography, I tried increasing the line height to 60, to create the space above the words, but since its creating an equal space below too, its not looking too nice. I need as much space as I have created at present, but the h1 text just needs to come a bit lower, so the menu doesn’t cover it.
b] Also on individual product pages, I need some more white space above the product picture and name …. so on smaller screens the drop down menu doesn’t cover it up.

2. The default sorting, grid view and list view also need to be aligned to the h1 header on the category pages.

3. I was given a code for the search button , on the menu ….This is what I have in my custom css:
header #kad-menu-search-popup .form-search .search-query {
height: 45px;
font-size: 14px;
padding-left: 50px;
}
header #kad-menu-search-popup .form-search .search-icon {
font-size: 16px;
height: 45px;
width: 45px;
}

…..but something seems to have changed how it looked earlier.