evelyne montens
asked 5 years ago

hi dominic,

thanks for this great free design and for your support.
there is one item i can’t find : is there a code i could add to the header.php to reduce the space between the top of my page and the site logo / top black line ? and also between the bottom black line and the left sidebar ? http://www.polyglotte.nl/

and i’m also looking for a way to move the content of the right column a bit more towards the right, because i managed to erase the secondary sidebar. is that possible ?

kind regards !

1 Answers
DominicStaff
answered 5 years ago

Hi,
To resolve this issue, you can add the following code to the style.css file:

@media (min-width: 1200px) {
#page {
  padding: 30px 40px 0;
}
.site-main-inner {
  margin-left: 290px;
}
}

.page-header {
  padding-bottom: 20px;
  margin: 0 0 30px;
}
@media (min-width: 980px) {
.primary-inner {
  margin-right: 340px;
}
}

Hope this helps !

evelyne
replied 5 years ago

hi dominic,

thanks ! that worked perfectly !
i just don’t manage to move the bottom black line upwards… is there an extra code line for that ?
kind regards,

evelyne

dominic Staff
replied 5 years ago

You can change the padding-bottom in the line code that I have provided previous.

.page-header {
  padding-bottom: 20px;
  margin: 0 0 30px;
}

E.g: padding-bottom: 7px;
Hope this helps !

evelyne
replied 5 years ago

hey dominic, thank you for that detail, now there’s just two more things i would like to know : how could i remove the black line on top of the page ? the one on the bottom can stay, i like it. And my main menu doesn’t appear when i look at my website on my mobile phone, i don’t understand why… do you have a solution for that ? do i have to install any kind of plugin for it to work ? i thought it would be automatically responsive. thanks again !

dominic Staff
replied 5 years ago

You can add the following code:

.page-header { border: none; }
@media (max-width: 767px) {
.site-actions { 
  display: block !important;
}
}

Regards,

evelyne
replied 5 years ago

ah, and how can i reduce the space between the logo and the menu and how can i make the menu a bit wider, so each page titel fits on one line instead of two ? i tried to change all the paddings you gave me earlier, but the menu padding is not in there… sorry to bother you with so many questions 😉 …

evelyne
replied 5 years ago

and THANK YOU for your help with the menu displaying on my mobile phone, it works great now !!!

evelyne
replied 5 years ago

and THANKS A LOT for the menu displaying solution, it shows perfectly on my mobile phone now !!!

evelyne
replied 5 years ago

ah and i don’t manage to change the font color in the menu and in the main text, it’s grey now, but i would like it to be in black… that would really be the last thing hahaaha

dominic Staff
replied 5 years ago

You can add the following code to the style.css file:

/*************Make page title fits on one line***************************/
@media (min-width: 1200px){
.site-nav {
   width: 260px;
}
.site-main {
  width: 97%;
}
}
@media (max-width: 767px){
.site-nav-inner {
 width: 274px;
}
}
@media (min-width: 768px) {
 .site-actions {
    display: block !important;
}
}
@media (max-width: 1199px) {
.site-nav {
  width: 314px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.site-nav-inner {
  width: 312px;
}
}/****End page title****/

/*************Reduce the space between the logo and the menu******/
@media (min-width: 768px) {
.site-nav .widget {
  padding-top: 0px;
  margin-top: 20px;
}
}

/***Change the main  color & menu color***/
a { color: #000; }
body { color: #000;}

Hope this helps !

evelyne
replied 5 years ago

hi dominic,

the space between the logo and the menu and the font color change to black worked, thanks !
the width of the menu so the titels fit on one line doesn’t work… hereby i will paste my style.css code so far. i don’t know if maybe i have to replace only a part of it ? because if i paste your new code at the end, the menu stays the same…

Text Domain: dw-minion
DW Minion WordPress theme, Copyright (C) 2013 DesignWall
DW Minion WordPress theme is licensed under the GPL v3.0
*/
.sticky {}
.gallery-caption {}
.bypostauthor {}
@media (min-width: 1200px) {
#page {
padding: 40px 30px 0;
}
.site-main-inner {
margin-left: 300px;
}
}
.page-header {
padding-bottom: 5px;
margin: 0 0 -5px;
}
@media (min-width: 980px) {
.primary-inner {
margin-right: 200px;
}
}
.page-header { border: none; }
@media (max-width: 767px) {
.site-actions {
display: block !important;
}
}
@media (min-width: 768px) {
.site-nav .widget {
padding-top: 10px;
margin-top: 20px;
}
}
a { color: #000; }
body { color: #000;}
}

maybe if you see the actual code, you will be able to tell me wat to change.
otherwise, i’m really greatfull for your help so far, thanks again !!!

e

dominic Staff
replied 5 years ago

Right now, you can remove all the codes in the style.css that you mentioned here. Then add the following code:

a {
 color: #000; 
}

body {
 color: #000;
}

@media (min-width: 1200px) {
#page {
  padding: 40px 30px 0;
}

@media (max-width: 1199px) {
.site-nav {
  width: 314px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.site-nav-inner {
  width: 312px;
}
}

.site-main-inner {
  margin-left: 300px;
}
.site-nav {
   width: 260px;
}
.site-main {
  width: 97%;
}
}

@media (min-width: 980px) {
.primary-inner {
  margin-right: 200px;
}
}

.page-header { border: none; }
@media (max-width: 767px) {
.site-actions {
  display: block !important;
}
.site-nav-inner {
 width: 274px;
}
}

@media (min-width: 768px) {
.site-nav .widget {
  padding-top: 10px;
  margin-top: 20px;
}
.site-actions {
  display: block !important;
}
}

.page-header {
  padding-bottom: 5px;
  margin: 0 0 -5px;
}

Regards,

Powered by DW Question & Answer Pro